body,
html {
    box-sizing: border-box;
    line-height: normal;
    font-size: 1rem;
    letter-spacing: .2px;
    /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
    font-family: 'Lexend', sans-serif;
    color: #404040;
    line-height: normal;
}

a {
    /* color: #43345a; */
    color: #404040;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #404040;
}

p {
    font-weight: 300;
    line-height: 1.4rem;
    margin: 1.1rem 0;
    font-size: 1.05rem;
}

sup {
    position: relative;
    top: -4px;
}

.row {
    margin: 0;
    /* display: flex; */
}

:focus {
    outline: none;
}

::placeholder {
    color: #666;
}

h1,
h2,
h3,
h4,
h5 {
    padding: 0;
}

h1,
.h1 {
    font-size: 48px;
    line-height: normal;
    font-weight: bold;
}

h2,
.h2 {
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
    margin: 50px 0 0px;
}

h3,
.h3 {
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
}

h4,
.h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
}

h5,
.h5 {
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
}


.mb-30px {
    margin-bottom: 30px;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #fe8b6b;
    border-radius: 15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #52df84;
}

/* Buttons Start */
.button {
    background: linear-gradient(to right, #ddd, #ccc);
    color: #fff;
    line-height: normal;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: normal;
    border: none;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.button:hover {
    color: #fff;
    transform: scale(1.03);
}

.button.green {
    background: linear-gradient(to right, #01d5f5, #52df84);
    color: #fff;
    display: inline-flex;
    gap: 5px;
}

.button.orange {
    background: linear-gradient(to right, #fe8b6b, #ff754e);
    color: #fff;
}

/* Buttons End */


/* Start Global */
.underline {
    position: relative;
}

.underline::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #01d5f5, #52df84);
    bottom: 5px;
    left: 0;
}
.navDropDown {
    display: none; /* Hide by default */
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 1;
}

li:hover .navDropDown {
    display: block; /* Show on hover */
}

li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.drop-menu-item {
    padding: 10px;
}

.drop-menu-item a {
    text-decoration: none;
    color: black;
    display: flex;
    align-items: center;
}


.underline-curv::after {
    background-image: url(../images/underline-curv.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -30px;
    content: '';
    height: 25px;
    left: 0;
    position: absolute;
    max-width: 170px;
    margin: 0 auto;
    left: 0;
    right: 0;
}


.txt-gradient-green {
    background: linear-gradient(to right, #01d5f5, #52df84);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

/* End Global */


/* Start Header */
header {
    background-color: #fff;
    padding: 5px 0;
    box-shadow: #eee 0px 0px 20px;
    position: sticky;
    top: 0;
    z-index: 4;
}

header .row {
    display: flex;
    align-items: center;
    margin: auto;
}

header ul {
    display: inline-flex;
    gap: 42px;
    margin-left: 40px;
    font-weight: 500;
}

header .login-signup-sec {
    text-align: right;
}

header .menu-sec .dropdown::after {
    content: '';
    margin-left: 10px;
    background: url(../images/icon_arrow-down_dropdown.gif) no-repeat;
    background-position: center;
    padding: 7px 8px;
    position: relative;
    top: 2px;
}

header .menu-sec a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
}

header .menu-sec a:hover {
    font-weight: bold;
    /* color: #fe8b6b; */
}

header .menu-sec a:hover::after {
    background-image: url(../images/underline-curv-orange.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -10px;
    content: '';
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
}

header .logo-sec .logo-img {
    max-width: 250px;
}

header ul {
    list-style: none;
}

header a {
    font-size: 1.1rem;
}

/* End Header */

/* Start banner homepage sec */
.banner-homepage-sec {
    width: 100%;
    height: calc(100vh - 100px);
    margin: 0;
    /* background: linear-gradient(to bottom, #fff, #f4f8fb); */
    background: linear-gradient(to bottom, #fff, #eff7fd);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.banner-homepage-sec .banner-content-sec {
    position: relative;
    bottom: 100px;
    text-align: center;
}

.banner-content-sec .first-head {
    font-size: 60px;
}

.banner-content-sec .first-head .first-head-bottom-txt {
    font-size: 48px;
    display: block;
}

.banner-content-sec .second-head {
    margin: 25px 0 0px;
    font-size: 20px;
    overflow: auto;
    max-height: 110px;
}

.logo-search-sec {
    max-width: 700px;
    height: 95px;
    margin: auto;
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 12px;
    border-radius: 10px;
    margin-top: 40px;
    /* border: #f4f8fb 5px solid; */
    font-size: 22px;
    display: flex;
}

.logo-search-sec .txt-eg {
    font-size: 12px;
    font-size: 12px;
    text-align: left;
    position: absolute;
    left: 17px;
    bottom: -37px;
    opacity: .3;
}

.logo-search-sec input[type=text] {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0 15px;
}

.logo-search-sec button {
    width: 100%;
    height: 100%;
    box-shadow: #e5e5e5 0px 5px 20px;
    border-radius: 7px;
}

.logo-search-input,
.logo-search-btn {
    padding: 0;
}

.txt-eg {
    margin-top: 30px;
    font-size: 12px;
    opacity: .8;
}

.round-shap-banner-homepage {
    /* width: 115%; */
    width: 100%;
    height: 400px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: -200px;
    opacity: 1;
    z-index: 2;
}

.logo-box-demo {
    box-shadow: #ddd 3px 3px 10px;
    padding: 5px;
    margin: 0px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.logo-box-demo img {
    width: 100%;
    opacity: 1;
}

.logo-box-demo.xs {
    width: 80px;
    height: 80px;
}

.logo-box-demo.s {
    width: 100px;
    height: 100px;
}

.logo-box-demo.m {
    width: 140px;
    height: 140px;
}

.logo-box-demo.l {
    width: 175px;
    height: 175px;
}

.logo-box-demo.left1 {
    position: absolute;
    left: -15px;
    top: -50px;
    transform: rotate(-10deg);

}

.logo-box-demo.left2 {
    position: absolute;
    left: 40px;
    top: -0px;
    transform: rotate(10deg);
}

.logo-box-demo.left3 {
    position: absolute;
    left: 100px;
    /* top: -50px; */
    top: -100px;
    padding: 15px;
    transform: rotate(-10deg);
}

.logo-box-demo.left4 {
    position: absolute;
    left: 180px;
    top: -60px;
    transform: rotate(10deg);
}

.logo-box-demo.right1 {
    position: absolute;
    right: 0;
    transform: rotate(10deg);
}

.logo-box-demo.right2 {
    position: absolute;
    right: 40px;
    top: -25px;
    transform: rotate(-10deg);
}

.logo-box-demo.right3 {
    position: absolute;
    right: 100px;
    top: -50px;
    transform: rotate(10deg);
}

.logo-box-demo.right4 {
    position: absolute;
    right: 200px;
    top: -75px;
    transform: rotate(-10deg);
}

.fancy-shaps-sec {}

.fancy-shaps-sec .fancy-shap1 {
    position: absolute;
    left: 50px;
    top: 30%;
}

.fancy-shaps-sec .fancy-shap2 {
    position: absolute;
    right: 50px;
    top: 20%;
}

.fancy-shaps-sec .fancy-shap3 {
    position: absolute;
    left: 52%;
    top: 62%;
}

/* End banner homepage sec */

/* Start Homepage Logo Tool Preview Section */
.ltp-homepage-sec {
    margin-top: 0;
}

.ltp-img-sec img {
    width: 100%;
}

/* End Homepage Logo Tool Preview Section */

/* Start Homepage Features Section */
.features-homepage-sec {
    max-width: 100%;
    width: 100%;
    background: #f4f8fb;
    padding: 50px 0;
}

.feature-box-sec {
    display: flex;
    align-items: center;
    padding-top: 80px;
}

.feature-box-sec img {
    width: 100%;
    border-radius: 15px;
}

.feature-box-sec p {
    margin: 20px 0;
}

.feature-name-head {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
}

/* End Homepage Features Section */

/* Start Blog Homepage */
.blog-homepage-sec {}

.blog-homepage-sec .blog-card {
    /* box-shadow: #eee 0px 0px 3px; */
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 40px;
}

.blog-homepage-sec .blog-card .blog-card-img {
    min-height: 270px;
}

.blog-homepage-sec .blog-card .blog-card-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.blog-homepage-sec .blog-card .blog-card-content {
    min-height: 100px;
    padding: 0 10px;
}

.blog-homepage-sec .blog-card .blog-card-content .blog-cat-name {
    font-size: .75rem;
    opacity: .5;
    text-transform: uppercase;
    padding: 5px 0;
    display: block;
    font-weight: 500;
}

.blog-homepage-sec .blog-card .blog-card-content .blog-head-name {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: left;
    line-height: 1.8rem;
}

/* End Blog Homepage */

/* Start Footer */
footer {
    font-size: .75rem;
    padding: 0 0 1.5rem 0;
    font-weight: 300;
}

footer .top-line-theme {
    width: 100%;
    height: 6px;
    /* background: linear-gradient(-60deg,transparent,#0ab9cf 14%,#7535e7 28%,#f9132f 42%,#ffbd00 56%,#72a043 70%,#0ab9cf 84%,rgba(0,196,204,0)); */
    background: linear-gradient(60deg, #ffbd00 10%, #f9132f 20%, #7535e7 40%, #01d5f5 60%, #01d5f5 50%, #52df84 100%);
    margin-bottom: 50px;
}

footer .row {
    display: flex;
    align-items: center;
    margin: auto;
}

footer .left-sec {}

footer ul {
    display: inline-flex;
    gap: 10px;
}

footer ul li {
    list-style: none;
}

footer .footer-links {
    opacity: 1;
}

footer .footer-social-links {
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 25px;
}

footer .footer-social-links img {
    width: 28px;
}

footer .right-sec {
    text-align: left;
}

footer .right-sec span {
    display: block;
    font-style: italic;
}

footer .footer-right-links {
    align-items: flex-start;
}

footer .footer-right-links ul {
    display: block;
    text-align: left;
    line-height: 36px;
    align-items: flex-end;
}

footer .footer-right-links ul li {
    border-bottom: 1px solid #eee;
    padding: 7px 0;
    list-style: none;
}

footer .footer-right-links ul li:hover a {
    color: #ff754e;
}

footer h6 {
    font-weight: bold;
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
}

footer p {
    line-height: 26px;
}

footer .footer-logo {
    max-width: 250px;
}

/* End Footer */

section {
    margin: 100px 0;
}

/* Start Main Container */
.banner-allpage-sec {
    background: linear-gradient(to bottom, #fafafa, #fafafa);
    padding: 100px 0;
    position: relative;
}

.banner-allpage-sec .page-heading {
    text-align: center;
    position: relative;
}

.banner-allpage-sec .page-heading::after {
    content: '';
    position: absolute;
    width: 200px;
    height: 12px;
    background-image: url(../images/underline-curv-orange.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -23px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 5px;
}

.banner-allpage-sec .logo-search-bottom-img {
    width: auto;
}

.page-container {
    max-width: 1248px;
    margin: auto;
    /* min-height: 700px; */
    /* min-height: calc(100vh); */
    padding-top: 25px;
    padding-bottom: 25px;
    padding: 0 15px;
}

.page-container h2 {
    font-size: 36px;
    margin-bottom: 50px;
    position: relative;
    text-align: center;
}

.page-container h2::after {
    content: '';
    position: absolute;
    width: 170px;
    height: 10px;
    /* background: linear-gradient(to right, #01d5f5, #52df84); */
    background-image: url(../images/underline-curv.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -23px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 5px;
}

.page-container ul {
    list-style: circle;
    margin: 20px 40px;
    font-weight: 300;
    line-height: 1.9rem;
}

.page-container ol {
    list-style: decimal;
    margin: 20px 40px;
    font-weight: 300;
    line-height: 1.9rem;
}

/* End Main Container */


/* Start breadcrumb */
.breadcrumb {
    font-size: .75rem;
    background: none;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #ccc;
    font-weight: 300;
}

/* End breadcrumb */



/* Start Form */
.form-box {
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 40px;
    border-radius: 10px;
}

/* End Form */

/* Start Layout Left Right */
.LeftRight_layout_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 100px;
    align-items: center;
}

.LeftRight_layout_box img {
    width: 100%;
}

.LeftRight_layout_box h2 {
    margin: 0;
}

.LeftRight_layout_box h2::after {
    display: none;
}

.LeftRight_layout_box+.LeftRight_layout_box {
    margin-top: 150px;
}

.LeftRight_layout_box+.LeftRight_layout_box:nth-of-type(2n) img {
    order: 2;
}

.LeftRight_layout_box p {
    margin-bottom: 45px
}

/* End Layout Left Right */

/* Start Logo Templates Pages */
.logo-templates-page {
    padding: 0 75px;
}

.logo-templates-page section {
    padding: 0;
    min-height: auto;
}

.logo-templates-page h2 {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 30px;
}

.logo-templates-page .template-sec {}

.logo-templates-page .template-sec .box {
    margin-bottom: 30px;
    background-color: #fff;
    min-height: 250px;
}

.logo-templates-page .template-sec .box img {
    width: 100%;
    transition: .4s;
}

.logo-templates-page .template-sec .box img:hover {
    transform: scale(1.08);
}

.logo-templates-page .create-blank-logo {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: rgba(64, 87, 109, 0.07);
    border: rgba(43, 59, 74, 0.1) 1px solid;
    padding: 16px;
    overflow: hidden;
    width: 100%;
    height: 260px;
    transition: .4s;
}

.logo-templates-page .create-blank-logo:hover {
    transform: scale(1.08);
}

.logo-templates-page .create-blank-logo svg {
    margin: 0 auto;
    margin-bottom: 10px;
}

/* End Logo Templates Pages */




/* Start Logo Maker Pages */
.banner-logo-maker-page {
    background: url(../images/banner-services.jpg) center repeat !important;
    color: #fff;
    background-size: cover;
}

.banner-logo-maker-page a {
    color: #fe8b6b;
}

.logo-maker-page .sfe-sec .box {
    margin-bottom: 100px;
}

.logo-maker-page .sfe-sec .box h3 {
    margin: 30px 0 10px 0;
    font-weight: bold;
}

.logo-maker-page .why-choose-sec .box {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 40px;
    min-height: 380px;
}

.logo-maker-page .why-choose-sec .box h3 {
    margin: 30px 0 0 0;
    font-weight: bold;
}

.logo-maker-page .choose-template-sec .box {
    margin-bottom: 25px;
}

.logo-maker-page .choose-template-sec .box img {
    width: 100%;
    transition: .4s;
}

.logo-maker-page .choose-template-sec .box img:hover {
    transform: scale(1.08);
}

/* End Logo Maker Pages */


/* Start Logo Ideas Pages */
.banner-logo-ideas-page {
    background: url(../images/logo-ideas-banner.png) center repeat !important;
    /* background: url(../images/logo-ideas-page-banner.jpg) center repeat !important; */
    color: #fff;
    background-size: cover;
}

/* .banner-logo-ideas-page a {
    color: #fe8b6b;
} */

.logo-ideas-page .logo-search-sec {
    margin-top: -70px;
    position: relative;
    box-shadow: 0px 8px 20px rgb(0 0 0 / 6%);
}

.logo-ideas-page .logo-search-sec .logo-search-input {
    display: flex;
}

.logo-ideas-page .logo-search-sec svg {
    opacity: .3;
}

.logo-ideas-page .category-list {
    margin: 50px 0;
}

.logo-ideas-page .category-list .category-box a {
    text-decoration: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 8px 20px rgb(0 0 0 / 6%);
    border: solid thin #dbe3e9;
    border-radius: 10px;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    /* overflow: hidden; */
    position: relative;
    text-align: center;
    padding: 20px;
    transition: all .2s ease-in-out;
}

.logo-ideas-page .category-list .category-box:nth-child(odd) a:hover {
    
    transform: scale(1.08);
    border: solid 3px #52df84;
    font-size: 140%;
}

.logo-ideas-page .category-list .category-box:nth-child(even) a:hover {
   
    transform: scale(1.08);
    border: solid 3px #fe8b6b;
    font-size: 140%;
}

.logo-ideas-page .category-list .category-box:nth-child(odd) a:hover::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 6px;
    /* background: linear-gradient(to right, #01d5f5, #52df84); */
    background-image: url(../images/underline-curv.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 32%;
    left: 50%;
    transform: translate(-50%);
    border-radius: 5px;
}

.logo-ideas-page .category-list .category-box:nth-child(even) a:hover::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 6px;
    /* background: linear-gradient(to right, #01d5f5, #52df84); */
    background-image: url(../images/underline-curv-orange.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 32%;
    left: 50%;
    transform: translate(-50%);
    border-radius: 5px;
}

.logo-ideas-page .atp-sec .box {
    margin-bottom: 100px;
}

.logo-ideas-page .atp-sec .box h3 {
    margin: 30px 0 10px 0;
    font-weight: bold;
}

.logo-ideas-page .atp-sec .box img.iconImg {
    height: 100px;
}

/* End Logo Ideas Pages */



/* Start FAQs Pages */
.faqs-page h3 {
    margin: 60px 0 20px;
}

/* End FAQs Pages */





/* Start Saved Logo Page */
.saved-logo-page {
    max-width: 100%;
    width: 100%;
    background: #f4f8fb;
    padding: 50px 0;
    text-align: center;
}

.saved-logo-page .logo-box {
    width: 32%;
    margin: .5%;
    box-shadow: 0px 8px 20px rgb(0 0 0 / 6%);
    border: solid thin #dbe3e9;
    border-radius: 10px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 50px;
    border: #fff 1px solid;
    padding: 15px;
    display: inline-flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
}

.saved-logo-page .logo-box .logo-img {
    width: 100%;
    border-radius: 5px;
}

.saved-logo-page .logo-box button {
    position: relative;
    padding: 5px;
}

.saved-logo-page .logo-box button.green {
    padding: 20px;
    width: 100%;
}

.saved-logo-page .logo-box button.edit {
    position: absolute;
    top: 20px;
    right: 20px;
}

.saved-logo-page .logo-box button.edit img {
    width: 30px;
}

.saved-logo-page .logo-box .logo-created-date {
    font-size: 12px;
    margin-top: 0px;
    display: block;
    text-align: center;
}

/* End Saved Logo Page */



/* Start Account Page */
.account-page {
    max-width: 500px !important;
    margin: auto;
}

/* End Account Page */




/* Start Bootstrap */
form label {
    margin-bottom: 5px;
}

.form-control {
    height: 45px;
    /* margin-bottom: 25px; */
}

/* End Bootstrap */

#poper {
    width: max-content;
    max-width: 90%;
    padding: 30px;
    position: fixed;
    border-radius: 10px;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    background: #fff;
    box-shadow: 0px 8px 20px rgb(0 0 0 / 6%);
    border: solid thin #dbe3e9;
    font-family: 'Lexend', sans-serif;
    font-size: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    z-index: 5;
}

#poper a {
    text-decoration: underline;
}

#poper .compliance {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#poper .spopupbtnok {
    text-decoration: none;
}

#poper .spopupbtnok2 {
    text-decoration: none;
}

#poper .policylink {
    margin-left: 10px;
    ;
}

#poper .message span {
    font-size: 20px;
    display: block;
}


/* Start Popup */
.body-blur {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.login-left-box {
    overflow: hidden;
}

.login-right-box {
    overflow: hidden;
}

.popup-login-signup-bg {
    background-color: rgba(30, 41, 51, .45);
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}

.popup-login-signup {
    /* width: 66vw; */
    width: 33vw;
    max-width: 850px;
    height: 50rem;
    /* max-height: 66vh; */
    background: #fff;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    left: 50%;
    top: 46%;
    transform: translateX(-50%) translateY(-50%) translateY(20px);
    z-index: 2;
    border-radius: 10px;
    outline: none;
    /* overflow:hidden; */
    box-shadow: 0 0 0 1px rgb(64 87 109 / 7%), 0 2px 18px rgb(47 64 80 / 25%);
    font-size: .95rem;
    display: none;
}

.popup-login-signup .btn-close-popup-login-box {
    position: absolute;
    top: 0;
    right: -45px;
}

.popup-login-signup .btn-close-popup-login-box button {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    display: flex;
    justify-content: center;
    item-align: center;
    align-items: center;
}

.popup-login-signup h3 {
    font-weight: bold;
}

.popup-login-signup .login-box {
    padding: 35px;
}

.popup-login-signup .img-login-bnr {
    width: 100%;
}

.p-0 {
    padding: 0;
}

.popup-login-signup .social-btn-box {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 16px;
}

.popup-login-signup .social-btn-box .btn-facebook {
    background-color: rgba(64, 87, 109, .07);
    border: 2px solid transparent;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 45px;
    max-width: 100%;
    min-width: 80px;
    padding: 0 6px;
    vertical-align: middle;
    align-items: center;
    color: #0e1318;
    border-radius: 5px;
}

.popup-login-signup .social-btn-box .btn-facebook svg {
    color: #1877f2;
    margin-right: 10px;
}

.popup-login-signup .social-btn-box .btn-google {
    background-color: rgba(64, 87, 109, .07);
    border: 2px solid transparent;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 45px;
    max-width: 100%;
    min-width: 80px;
    padding: 0 6px;
    vertical-align: middle;
    align-items: center;
    color: #0e1318;
    border-radius: 5px;
}

.popup-login-signup .social-btn-box .btn-google svg {
    color: #1877f2;
    margin-right: 10px;
    fill: #EA4335;
}

.popup-login-signup button {
    width: 100%;
    text-align: center;
}

.popup-login-signup p {
    font-weight: 300;
    line-height: 1.4rem;
    margin: .8rem 0;
    font-size: .82rem;
}

.popup-login-signup .sml-txt p {
    font-size: 12px;
    line-height: 20px;
}

.popup-login-signup .or-line-box {
    text-align: center;
    position: relative;
}

.popup-login-signup .or-line-box .or-txt {
    position: absolute;
    top: -10px;
    left: 45%;
    background: #fff;
    padding: 0 10px;
}

.popup-login-signup .sml-txt a {
    text-decoration: underline;
}

.popup-login-signup .row {
    overflow: hidden;
    height: 100%;
    border-radius: 10px;
}

/* End Popup */





.bouncing {
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: infinite;
}

@keyframes bounce {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, 10px, 0);
    }
}




/* Start` Video Background Remover Page */
.secVidImg {
    position: relative;
    max-width: 30rem;
    overflow: hidden;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
}

.secVidImg img {
    width: 100%;
}

.secVidImg video {
    width: 95%;
    position: absolute;
    left: 50%;
    top: 0.625rem;
    transform: translateX(-50%);
}

.greenScreenSection .clearImg {
    width: 100%;
    border-radius: 20px;
}

.greenScreenSection .description .chunkTitle {
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
}

.greenScreenSection .description .chunkDescription {
    font-weight: 300;
    line-height: 1.7rem;
    margin: 1rem 0;
    font-size: 1rem;
}

/* End Video Background Remover Page */


/* Start Face Cutout Page */
.secFaceCutoutImg {
    position: relative;
    max-width: 22rem;
    overflow: hidden;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
}

.secFaceCutoutImg img {
    width: 100%;
    border-radius: 15px;
}

.faceCutoutSection .clearImg {
    width: 100%;
    border-radius: 20px;
}

.faceCutoutSection .row {
    display: flex;
    align-items: center;
}

.faceCutoutSection .description .chunkTitle {
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
}

.faceCutoutSection .description .chunkDescription {
    font-weight: 300;
    line-height: 1.7rem;
    margin: 1rem 0;
    font-size: 1rem;
}

/* End Face Cutout Page */


/* Start Passport photo Page */
.secPassportPhotoImg {
    position: relative;
    max-width: 35rem;
    overflow: hidden;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
}

.secPassportPhotoImg img {
    width: 100%;
}

/* End Passport photo Page */

/* Start Image Background Remover Page */
.secIBRImg {
    position: relative;
    max-width: 30rem;
    overflow: hidden;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
}

.secIBRImg img {
    width: 100%;
    border-radius: 15px;
}

.originalResultDiv {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    padding: 40px;
    border-radius: 25px;
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
    position: relative;
    z-index: 1;
}

.originalResultDiv h4 {
    margin-bottom: 20px;
    font-weight: bold;
}

.originalResultDiv .imgDiv {
    position: relative;
    border: #eee 1px solid;
    border-radius: 10px !important;
    overflow: hidden;
    display: flex;
}

.originalResultDiv .imgDiv img {
    border-radius: 0 !important;
    width: 100%;
}

.originalResultDiv .clsoriginalResultDiv {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 20px;
    top: 20px;
}

.originalResultDiv .optRadioDiv {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 50px;
}

.originalResultDiv .optRadioDiv .optRadioRd {
    border: #ddd 1px solid;
    padding: 7px 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}

.originalResultDiv .optRadioDiv .optRadioRd label {
    left: 0px;
    right: auto;
    position: relative;
}

.originalResultDiv .dwnLoadBtn {
    width: 100%;
    font-size: 24px;
}

.originalResultDiv .txtOpenEdtr {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
}

.originalResultDiv .txt-eg2 {
    font-size: 12px;
    margin-top: 0;
}

/* End Image Background Remover Page */

/* Start Remove Unwanted Objects Page */
.secRUOImg {
    position: relative;
    max-width: 35rem;
    overflow: hidden;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
}

.secRUOImg img {
    width: 100%;
    border-radius: 15px;
}

/* End Remove Unwanted Objects Page */




.passportPhotoSection .justify-space-around {
    display: flex;
    align-items: center;
}

.passportPhotoSection .description .chunkTitle {
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
}

.passportPhotoSection .description .chunkDescription {
    font-weight: 600;
    line-height: 1.7rem;
    margin: 1rem 0;
    font-size: 1rem;
}


.translationSection ul li,
.voiceSection ul li,
.imageSection ul li,
.videoSection ul li,
.meetingSection ul li,
.fileSection ul li,
.pdfSection ul li,
.educationSection ul li {
    transition: all .2s ease-in-out;
}

.translationSection ul li:hover,
.voiceSection ul li:hover,
.imageSection ul li:hover,
.videoSection ul li:hover,
.meetingSection ul li:hover,
.fileSection ul li:hover,
.pdfSection ul li:hover,
.educationSection ul li:hover {
    transform: scale(1.15);
}

.logo_moe {
    max-width: 120px;
    margin-right: 15px;
    position: relative;
    bottom: 3px;
}

.logo_aicte {
    max-width: 55px;
    position: relative;
    bottom: 3px;
    margin-right: 10px;
}

.logo_anuvadini {
    max-width: 220px;
    position: relative;
    top: 1px;
}

.namo_banner_pic {
    position: absolute;
    z-index: 0;
    right: -120px;
    bottom: 0px;
    width: 550px;
}

.dp_banner_pic {
    position: absolute;
    z-index: 0;
    left: -50px;
    bottom: 0px;
    width: 450px;
}
.navDropDown {
    position: absolute;
    top: 30px;
    left: 0;
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 20px 20px;
    border-radius: 10px;
    max-width: 100%;
    z-index: 1;
    overflow: hidden;
    text-align: left;
}

.navDropDown ul {
    margin: 0;
    padding: 0;
    display: inline;
}

.navDropDown ul li {
    display: block;
    position: relative;
}

.navDropDown ul li a {
    padding: 15px;
    border-radius: 10px;
    border: #f5f5f5 1px solid;
    font-size: 14px !important;
    display: flex;
    height: 100%;
}

.navDropDown ul li a:hover {
    background: #eee;
}

.translationDropDown {
    /*left:100px;*/
    left: -34%;
    width: 120% !important;
    max-width: 120% !important;
}

.voiceDropDown {
    /*left:250px;*/
    left: -34%;
    width: 120% !important;
    max-width: 120% !important;
}

.imageDropDown {
    /*left:360px;*/
    left: -34%;
    width: 120% !important;
    max-width: 120% !important;
}

.videoDropDown {
    /*left:470px;left:-34%; width:120% !important; max-width:120% !important;*/
    left: auto;
    width: 235px !important;
}

.meetingDropDown {
    /*left:580px;*/
    left: -34%;
    width: 120% !important;
    max-width: 120% !important;
}

.fileDropDown {
    /*left:580px;*/
    left: auto;
    width: 235px !important;
}

.educationDropDown {
    /*left:470px;*/
    left: auto;
    width: 235px !important;
}
.translationDropDown ul {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.translationDropDown .css-hboir5 {
    display: flex;
    width: 100%;
}

.translationDropDown .css-1hnxo7a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.translationDropDown .css-1hnxo7a img {
    width: 100%;
}

.translationDropDown .css-195k0gj {
    flex: 1;
    padding-left: 1rem;
}

.translationDropDown .css-9f6g39 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
}

.translationDropDown .css-itvw0n {
    font-size: 0.8rem;
    margin: 0;
    line-height: normal;
}
.voiceDropDown ul {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.voiceDropDown .css-hboir5 {
    display: flex;
    width: 100%;
}

.voiceDropDown .css-1hnxo7a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 42px;
    position: relative;
}

.voiceDropDown .css-1hnxo7a img {
    width: 100%;
}

.voiceDropDown .css-195k0gj {
    flex: 1;
    padding-left: 1rem;
}

.voiceDropDown .css-9f6g39 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
}

.voiceDropDown .css-itvw0n {
    font-size: 0.8rem;
    margin: 0;
    line-height: normal;
}
.imageDropDown ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.imageDropDown .css-hboir5 {
    display: flex;
    width: 100%;
    align-items: center;
}

.imageDropDown .css-1hnxo7a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.imageDropDown .css-1hnxo7a img {
    width: 100%;
}

.imageDropDown .css-195k0gj {
    flex: 1;
    padding-left: 1rem;
}

.imageDropDown .css-9f6g39 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
}

.imageDropDown .css-itvw0n {
    font-size: 0.8rem;
    margin: 0;
    line-height: normal;
}
.videoDropDown ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.videoDropDown .css-hboir5 {
    display: flex;
    width: 100%;
    align-items: center;
}

.videoDropDown .css-1hnxo7a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.videoDropDown .css-1hnxo7a img {
    width: 100%;
}

.videoDropDown .css-195k0gj {
    flex: 1;
    padding-left: 1rem;
}

.videoDropDown .css-9f6g39 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
}

.videoDropDown .css-itvw0n {
    font-size: 0.8rem;
    margin: 0;
    line-height: normal;
}
.educationDropDown ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.educationDropDown .css-hboir5 {
    display: flex;
    width: 100%;
    align-items: center;
}

.educationDropDown .css-1hnxo7a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.educationDropDown .css-1hnxo7a img {
    width: 100%;
}

.educationDropDown .css-195k0gj {
    flex: 1;
    padding-left: 1rem;
}

.educationDropDown .css-9f6g39 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
}

.educationDropDown .css-itvw0n {
    font-size: 0.8rem;
    margin: 0;
    line-height: normal;
}
.meetingDropDown ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.meetingDropDown .css-hboir5 {
    display: flex;
    width: 100%;
    align-items: center;
}

.meetingDropDown .css-1hnxo7a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.meetingDropDown .css-1hnxo7a img {
    width: 100%;
}

.meetingDropDown .css-195k0gj {
    flex: 1;
    padding-left: 1rem;
}

.meetingDropDown .css-9f6g39 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
}

.meetingDropDown .css-itvw0n {
    font-size: 0.8rem;
    margin: 0;
    line-height: normal;
}
.fileDropDown ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.fileDropDown .css-hboir5 {
    display: flex;
    width: 100%;
    align-items: center;
}

.fileDropDown .css-1hnxo7a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.fileDropDown .css-1hnxo7a img {
    width: 100%;
}

.fileDropDown .css-195k0gj {
    flex: 1;
    padding-left: 1rem;
}

.fileDropDown .css-9f6g39 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
}

.fileDropDown .css-itvw0n {
    font-size: 0.8rem;
    margin: 0;
    line-height: normal;
}
@media (max-width:767px) {
    .menu-sec {
        text-align: left;
        top: 88px;
        height: 90vh;
        overflow: auto;
    }

    .menu-mobile-button {
        top: 22px;
    }

    .navDropDown ul li a {
        padding: 10px 0px;
        border-radius: 0;
        border-left: #ddd 1px solid;
        font-size: 14px !important;
        display: flex;
        height: 100%;
    }

    .translationDropDown {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        left: 0;
        padding: 0;
        box-shadow: none;
        top: 0;
    }

    .translationDropDown ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 0.2rem;
    }

    .translationDropDown .css-1hnxo7a {
        display: none;
    }

    .translationDropDown .css-itvw0n {
        display: none;
    }

    .translationDropDown .css-9f6g39 {
        font-weight: 100;
    }

    .voiceDropDown {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        left: 0;
        padding: 0;
        box-shadow: none;
        top: 0;
    }

    .voiceDropDown ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 0.2rem;
    }

    .voiceDropDown .css-1hnxo7a {
        display: none;
    }

    .voiceDropDown .css-itvw0n {
        display: none;
    }

    .voiceDropDown .css-9f6g39 {
        font-weight: 100;
    }

    .imageDropDown {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        left: 0;
        padding: 0;
        box-shadow: none;
        top: 0;
    }

    .imageDropDown ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 0.2rem;
    }

    .imageDropDown ul li a {
        padding: 10px 10px;
        border-radius: 0;
        border-left: #ddd 1px solid;
        font-size: 14px !important;
        display: flex;
        height: 100%;
        line-height: 24px;
        font-weight: 100;
    }

    .imageDropDown .css-1hnxo7a {
        display: none;
    }

    .imageDropDown .css-itvw0n {
        display: none;
    }

    .imageDropDown .css-9f6g39 {
        font-weight: 100;
    }

    .videoDropDown {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        left: 0;
        padding: 0;
        box-shadow: none;
        top: 0;
    }

    .videoDropDown ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 0.2rem;
    }

    .videoDropDown ul li a {
        padding: 10px 10px;
        border-radius: 0;
        border-left: #ddd 1px solid;
        font-size: 14px !important;
        display: flex;
        height: 100%;
        line-height: 24px;
        font-weight: 100;
    }

    .videoDropDown .css-1hnxo7a {
        display: none;
    }

    .videoDropDown .css-itvw0n {
        display: none;
    }

    .videoDropDown .css-9f6g39 {
        font-weight: 100;
    }

    .meetingDropDown {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        left: 0;
        padding: 0;
        box-shadow: none;
        top: 0;
    }

    .meetingDropDown ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 0.2rem;
    }

    .meetingDropDown ul li a {
        padding: 10px 10px;
        border-radius: 0;
        border-left: #ddd 1px solid;
        font-size: 14px !important;
        display: flex;
        height: 100%;
        line-height: 24px;
        font-weight: 100;
    }

    .meetingDropDown .css-1hnxo7a {
        display: none;
    }

    .meetingDropDown .css-itvw0n {
        display: none;
    }

    .meetingDropDown .css-9f6g39 {
        font-weight: 100;
    }

    .fileDropDown {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        left: 0;
        padding: 0;
        box-shadow: none;
        top: 0;
    }

    .fileDropDown ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 0.2rem;
    }

    .fileDropDown ul li a {
        padding: 10px 10px;
        border-radius: 0;
        border-left: #ddd 1px solid;
        font-size: 14px !important;
        display: flex;
        height: 100%;
        line-height: 24px;
        font-weight: 100;
    }

    .fileDropDown .css-1hnxo7a {
        display: none;
    }

    .fileDropDown .css-itvw0n {
        display: none;
    }

    .fileDropDown .css-9f6g39 {
        font-weight: 100;
    }






    .educationDropDown {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        left: 0;
        padding: 0;
        box-shadow: none;
        top: 0;
    }

    .educationDropDown ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 0.2rem;
    }

    .educationDropDown ul li a {
        padding: 10px 10px;
        border-radius: 0;
        border-left: #ddd 1px solid;
        font-size: 14px !important;
        display: flex;
        height: 100%;
        line-height: 24px;
        font-weight: 100;
    }

    .educationDropDown .css-1hnxo7a {
        display: none;
    }

    .educationDropDown .css-itvw0n {
        display: none;
    }

    .educationDropDown .css-9f6g39 {
        font-weight: 100;
    }

    .login-signup-sec {
        position: relative;
        bottom: 0px;
        left: 0;
        width: auto;
    }
}
.banner-content-sec {
    width: 50%;
}

/*Vertical Flip*/
.verticalFlip {
    display: inline-flex;
    border: #ff0000 1px solid;
}

.verticalFlip span {
    animation: vertical 12.5s linear infinite 0s;
    -ms-animation: vertical 12.5s linear infinite 0s;
    -webkit-animation: vertical 12.5s linear infinite 0s;
    color: #ea1534;
    opacity: 0;
    overflow: hidden;
    width: 400px;
    position: absolute;
}

.verticalFlip span:nth-child(2) {
    animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
}

/*Vertical Flip Animation*/
@-moz-keyframes vertical {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 0;
        -moz-transform: rotateX(180deg);
    }

    10% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    25% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    30% {
        opacity: 0;
        -moz-transform: translateY(0px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes vertical {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 0;
        -webkit-transform: rotateX(180deg);
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    25% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    30% {
        opacity: 0;
        -webkit-transform: translateY(0px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes vertical {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 0;
        -ms-transform: rotateX(180deg);
    }

    10% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    25% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    30% {
        opacity: 0;
        -ms-transform: translateY(0px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
.videoSection ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
    /* opacity: .3; */
    /* filter: grayscale(100%); */
}

.videoSection ul li {
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 20px 20px;
    border-radius: 10px;
    max-width: 100%;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}

.videoSection .css-hboir5 {
    display: block;
    width: 100%;
}

.videoSection .css-1hnxo7a {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    /* width: 50px; */
    width: 100%;
    position: relative;
}

.videoSection .css-1hnxo7a img {
    width: 100%;
}

.videoSection .css-195k0gj {
    flex: 1;
    padding-left: 0rem;
}

.videoSection .css-9f6g39 {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.5;
}

.videoSection .css-itvw0n {
    font-size: 0.8rem;
    margin: 5px 0 0 0;
    line-height: normal;
}

.videoSection ul {
    margin: 0;
}

.videoSection a {
    text-decoration: none;
}

@media (max-width:767px) {
    .videoSection ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 1rem;
    }
}
.translationSection ul {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.translationSection ul li {
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 20px 20px;
    border-radius: 10px;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
}

.translationSection .css-hboir5 {
    display: block;
    width: 100%;
}

.translationSection .css-1hnxo7a {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 65px;
    position: relative;
}

.translationSection .css-1hnxo7a img {
    width: 100%;
}

.translationSection .css-195k0gj {
    flex: 1;
    padding-left: 0rem;
}

.translationSection .css-9f6g39 {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.25;
}

.translationSection .css-itvw0n {
    font-size: 0.8rem;
    margin: 5px 0 0 0;
    line-height: normal;
}

.translationSection ul {
    margin: 0;
}

@media (max-width:767px) {
    .translationSection ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 1rem;
    }
}
.voiceSection ul {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.voiceSection ul li {
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 20px 20px;
    border-radius: 10px;
    max-width: 100%;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}

.voiceSection .css-hboir5 {
    display: block;
    width: 100%;
}

.voiceSection .css-1hnxo7a {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.voiceSection .css-1hnxo7a img {
    width: 100%;
}

.voiceSection .css-195k0gj {
    flex: 1;
    padding-left: 0rem;
}

.voiceSection .css-9f6g39 {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.25;
}

.voiceSection .css-itvw0n {
    font-size: 0.8rem;
    margin: 5px 0 0 0;
    line-height: normal;
}

.voiceSection ul {
    margin: 0;
}

@media (max-width:767px) {
    .voiceSection ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 1rem;
    }
}
.fileSection ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.fileSection ul li {
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 20px 20px;
    border-radius: 10px;
    max-width: 100%;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}

.fileSection .css-hboir5 {
    display: block;
    width: 100%;
}

.fileSection .css-1hnxo7a {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.fileSection .css-1hnxo7a img {
    width: 100%;
}

.fileSection .css-195k0gj {
    flex: 1;
    padding-left: 0rem;
}

.fileSection .css-9f6g39 {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.25;
}

.fileSection .css-itvw0n {
    font-size: 0.8rem;
    margin: 5px 0 0 0;
    line-height: normal;
}

.fileSection ul {
    margin: 0;
}

.fileSection a {
    text-decoration: none;
}

@media (max-width:767px) {
    .fileSection ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 1rem;
    }
}
.educationSection ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.educationSection ul li {
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 20px 20px;
    border-radius: 10px;
    max-width: 100%;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}

.educationSection .css-hboir5 {
    display: block;
    width: 100%;
}

.educationSection .css-1hnxo7a {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.educationSection .css-1hnxo7a img {
    width: 100%;
}

.educationSection .css-195k0gj {
    flex: 1;
    padding-left: 0rem;
}

.educationSection .css-9f6g39 {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.5;
}

.educationSection .css-itvw0n {
    font-size: 0.8rem;
    margin: 5px 0 0 0;
    line-height: normal;
}

.educationSection ul {
    margin: 0;
}

.educationSection a {
    text-decoration: none;
}

@media (max-width:767px) {
    .educationSection ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 1rem;
    }
}
.imageSection ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.imageSection ul li {
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 20px 20px;
    border-radius: 10px;
    max-width: 100%;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}

.imageSection .css-hboir5 {
    display: block;
    width: 100%;
}

.imageSection .css-1hnxo7a {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.imageSection .css-1hnxo7a img {
    width: 100%;
}

.imageSection .css-195k0gj {
    flex: 1;
    padding-left: 0rem;
}

.imageSection .css-9f6g39 {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.5;
}

.imageSection .css-itvw0n {
    font-size: 0.8rem;
    margin: 5px 0 0 0;
    line-height: normal;
}

.imageSection ul {
    margin: 0;
}

.imageSection a {
    text-decoration: none;
}

@media (max-width:767px) {
    .imageSection ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 1rem;
    }
}
.videoSection ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
    /* opacity: .3; */
    /* filter: grayscale(100%); */
}

.videoSection ul li {
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 20px 20px;
    border-radius: 10px;
    max-width: 100%;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}

.videoSection .css-hboir5 {
    display: block;
    width: 100%;
}

.videoSection .css-1hnxo7a {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    /* width: 50px; */
    width: 100%;
    position: relative;
}

.videoSection .css-1hnxo7a img {
    width: 100%;
}

.videoSection .css-195k0gj {
    flex: 1;
    padding-left: 0rem;
}

.videoSection .css-9f6g39 {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.5;
}

.videoSection .css-itvw0n {
    font-size: 0.8rem;
    margin: 5px 0 0 0;
    line-height: normal;
}

.videoSection ul {
    margin: 0;
}

.videoSection a {
    text-decoration: none;
}

@media (max-width:767px) {
    .videoSection ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 1rem;
    }
}
.videoSection2 ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
    /* opacity: .3; */
    /* filter: grayscale(100%); */
}

.videoSection2 ul li {
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 20px 20px;
    border-radius: 10px;
    max-width: 100%;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}

.videoSection2 .css-hboir5 {
    display: block;
    width: 100%;
}

.videoSection2 .css-1hnxo7a {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.videoSection2 .css-1hnxo7a img {
    width: 100%;
}

.videoSection2 .css-195k0gj {
    flex: 1;
    padding-left: 0rem;
}

.videoSection2 .css-9f6g39 {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.5;
}

.videoSection2 .css-itvw0n {
    font-size: 0.8rem;
    margin: 5px 0 0 0;
    line-height: normal;
}

.videoSection2 ul {
    margin: 0;
}

.videoSection2 a {
    text-decoration: none;
}

@media (max-width:767px) {
    .videoSection2 ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 1rem;
    }
}
.pdfSection ul {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    display: grid;
    grid-gap: 1rem;
}

.pdfSection ul li {
    background: #fff;
    box-shadow: #eee 0px 0px 20px;
    padding: 20px 20px;
    border-radius: 10px;
    max-width: 100%;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}

.pdfSection .css-hboir5 {
    display: block;
    width: 100%;
}

.pdfSection .css-1hnxo7a {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    position: relative;
}

.pdfSection .css-1hnxo7a img {
    width: 100%;
}

.pdfSection .css-195k0gj {
    flex: 1;
    padding-left: 1rem;
}

.pdfSection .css-9f6g39 {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.5;
}

.pdfSection .css-itvw0n {
    font-size: 0.8rem;
    margin: 5px 0 0 0;
    line-height: normal;
}

.pdfSection ul {
    margin: 0;
}

@media (max-width:767px) {
    .pdfSection ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 1rem;
    }
}