/*=============================
	Global CSS 
===============================*/
body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    margin: 0px;
    text-align: justify;
}
p {
    font-size: 18px;
    font-weight: 400;
    font-family: "Source Sans Pro" !important;
    color: black;
    line-height: 1.9;
}
.blockquote p {
    font-size: 25px;
    font-weight: 1000;
    color: #195493;
    text-align: center;
}
strong {
    font-weight: 600;
    color: #007aff;
}
.drop-down ul {
    max-height: 280px;
    overflow-y: auto !important;
}

#scrollUp {
    bottom: 15px;
    right: 15px;
    padding: 10px 20px;
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    color: #fff;
    font-size: 25px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    padding: 0;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #00000026;
}

#scrollUp:hover {
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}

/* Color Plate */
.color-plate {
    position: fixed;
    display: block;
    z-index: 99998;
    padding: 20px;
    width: 245px;
    background: #fff;
    right: -245px;
    text-align: left;
    top: 30%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
    box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
}

.color-plate.active {
    right: 0;
}

.color-plate .color-plate-icon {
    position: absolute;
    left: -48px;
    width: 48px;
    height: 45px;
    line-height: 45px;
    font-size: 21px;
    border-radius: 5px 0 0 5px;
    background: #20bdef;
    text-align: center;
    color: #fff !important;
    top: 0;
    cursor: pointer;
    box-shadow: -4px 0px 5px #00000036;
}

.color-plate h4 {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 500;
}

.color-plate p {
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 20px;
}

.color-plate span {
    width: 42px;
    height: 35px;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    margin-right: 3px;
}

.color-plate span:hover {
    cursor: pointer;
}

.color-plate span.color1 {
    background: #20bdef;
}

.color-plate span.color2 {
    background: #575eaa;
}

.color-plate span.color3 {
    background: #32b87d;
}

.color-plate span.color4 {
    background: #fe754a;
}

.color-plate span.color5 {
    background: #f82f56;
}

.color-plate span.color6 {
    background: #01b2b7;
}

.color-plate span.color7 {
    background: #6c5ce7;
}

.color-plate span.color8 {
    background: #85ba46;
}

.color-plate span.color9 {
    background: #273c75;
}

.color-plate span.color10 {
    background: #fd7272;
}

.color-plate span.color11 {
    background: #badc58;
}

.color-plate span.color12 {
    background: #44ce6f;
}

/*=============================
	End Global CSS 
===============================*/

/*===================
	Start Header CSS 
=====================*/
.header {
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    position: relative;
}

.header .navbar-collapse {
    padding: 0;
}

/* Topbar */
.header .topbar {
    background-image: linear-gradient(to right, #6b53a2 0%, #20bdef 100%);
    border-bottom: 1px solid linear-gradient(to right, #6b53a2 0%, #20bdef 100%);
}

.header .topbar {
    padding: 15px 0;
}

.header .top-link {
    float: left;
}

.header .top-link li {
    display: inline-block;
    margin-right: 15px;
}

.header .top-link li:last-child {
    margin-right: 0px;
}

.header .top-link li a {
    color: #2c2d3f;
    font-size: 14px;
    font-weight: 400;
}

.header .top-link li:hover a {
    color: #20bdef;
}

.header .top-contact {
    float: right;
}

.header .top-contact li {
    display: inline-block;
    margin-right: 25px;
    color: #2c2d3f;
}

.header .top-contact li:last-child {
    margin-right: 0;
}

.header .top-contact li a {
    font-size: 14px;
}

.header .top-contact li a:hover {
    color: #20bdef;
}

.header .top-contact li i {
    color: #20bdef;
    margin-right: 8px;
}

.header .header-inner {
    background: #fff;
    z-index: 999;
    width: 100%;
}

.get-quote {
    margin-top: 12px;
}

.get-quote .btn {
    color: #fff;
}

.header .logo {
    float: left;
    margin-top: px;
}

.logo {
    width: 10rem;
}

.header .navbar {
    background: none;
    box-shadow: none;
    border: none;
    margin: 0;
    height: 0px;
    min-height: 0px;
}

.header .nav li {
    /* margin-right: 5px; */
    float: right;
    position: relative;
}

.header .nav li:last-child {
    margin: 0;
}

.header .nav li a {
    color: #575eaa;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 25px 12px;
    position: relative;
    display: inline-block;
    position: relative;
}

.header .nav li a::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0%;
    background: #20bdef;
    border-radius: 5px 5px 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header .nav li.active a:before {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.header .nav li.active a {
    color: #01010c;
}

.header .nav li:hover a:before {
    opacity: 1;
    width: 100%;
    visibility: visible;
}

.header .nav li:hover a {
    color: #20bdef;
}
.header .dropdown li.active a {
  color: #20bdef ;
}

.header .nav li a i {
    display: inline-block;
    margin-left: 1px;
    font-size: 13px;
}

/* Middle Header */
.header.style2 .header-inner {
    border-top: 1px solid #eee;
}

.header.style2 .logo {
    margin-top: 6px;
}

.header .middle-header {
    background: #fff;
    padding: 20px 20px;
}

.header .widget-main {
    float: right;
}

.header.style2 .get-quote {
    margin-top: 0;
}

.header .single-widget {
    position: relative;
    float: left;
    margin-right: 50px;
    padding-left: 55px;
}

.header .single-widget:last-child {
    margin: 0;
}

.header .single-widget .logo {
    margin: 0;
    padding: 0;
    margin-top: 7px;
}

.header .single-widget i {
    position: absolute;
    left: 0;
    top: 6px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    color: #fff;
    background: #6b53a2;
    border-radius: 4px;
    text-align: center;
    font-size: 15px;
}

.header .single-widget h4 {
    font-size: 15px;
    font-weight: 500;
}

.header .single-widget p {
    margin-bottom: 5px;
    text-transform: capitalize;
}

.header .single-widget.btn {
    margin-left: 0;
}

/* Dropdown Menu */
.header .nav li .dropdown {
    background: #fff;
    width: 220px;
    position: absolute;
    left: -20px;
    top: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    top: 74px;
    border-left: 3px solid #2889e4;
}

.header .nav li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.header .nav li .dropdown li {
    float: none;
    margin: 0;
    border-bottom: 1px dashed #eee;
    text-align: start;
}

.header .nav li .dropdown li:last-child {
    border: none;
}

.header .nav li .dropdown li a {
    padding: 12px 15px;
    color: #666;
    display: block;
    font-weight: 400;
    text-transform: capitalize;
    background: transparent;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.header .nav li .dropdown li .dropdown {
    left: 90%;
    top: 0;
    transform-origin: left top;
    transform: scaleY(0.2);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    text-align: start;
}
.header .nav li .dropdown li:hover > .dropdown {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
}
.header .nav li .dropdown li .dropdown li a {
    padding: 12px 15px;
    color: #666;
    display: block;
    font-weight: 400;
    text-transform: capitalize;
    background: transparent;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.header .nav li .dropdown li a:hover {
    border-color: transparent;
}

.header .nav li .dropdown li a:before {
    display: none;
}

.header .nav li .dropdown li:last-child a {
    border-bottom: 0px;
}

.header .nav li .dropdown li:hover a {
    color: #20bdef;
}

.header .nav li .dropdown li .dropdown li a:hover {
    border-color: transparent;
}

.header .nav li .dropdown li .dropdown li a:hover {
    border-color: transparent;
}

.header .nav li .dropdown li .dropdown li a:before {
    display: none;
}

.header .nav li .dropdown li .dropdown li:last-child a {
    border-bottom: 0px;
}

.header .nav li .dropdown li .dropdown li:hover a {
    color: #20bdef;
}

.header .nav li .dropdown li .dropdown li a:hover {
    border-color: transparent;
}

/* Right Bar */
.header.style2 .main-menu {
    display: inline-block;
    float: right;
}

.header .right-bar {
    float: right;
}

.header .right-bar {
    padding-top: 20px;
}

.header .right-bar {
    display: inline-block;
}

.header .right-bar a {
    color: #fff;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background: #20bdef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
}

.header .right-bar li a:hover {
    color: #fff;
    background: #27ae60;
}

.header .search-top.active .search i:before {
    content: "\eee1";
    font-size: 15px;
}

/* Search */
/* Header Sticky */
.header.sticky .header-inner {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: initial;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    animation: fadeInDown 0.5s both 0.1s;
    box-shadow: 0px 0px 13px #00000054;
}

/*=========================
	End Header CSS
===========================*/

/*===========================
	Start Hero Area CSS
=============================*/

.hero-slider .item {
    width: 100%;
    height: 100vh;
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
}

.owl-dots .owl-dot span {
    width: 12px !important;
    height: 12px !important;
    margin: 0 5px !important;
    background: #ddd !important;
}

.owl-dots .owl-dot.active span {
    background: linear-gradient(to right, #6b53a2 0%, #20bdef 100%) !important;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    background: none !important;
    color: #9055a2 !important;
    font-size: 2em !important;
}

.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
    color: #aaa !important;
}

.hero-slider .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0;
}

.hero-slider .owl-nav {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 45px;
    margin-top: 0;
}

.hero-heading {
    margin-top: 7rem;
    font-size: 5vw;
    /* Responsive font size */
    font-weight: 800;
    background: linear-gradient(to bottom, #fdfcfc, #b9bdc7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 768px) {
    .hero-heading {
        margin-top: 8rem;
        font-size: 8vw;
        /* Adjusted font size for smaller screens */
    }
}

.hero-para {
    font: 2em sans-serif;
    background-image: linear-gradient(225deg, #ffffff, #dde0f0);
    filter: drop-shadow(0 20px 30px #28d8ff33);
    color: black;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-box-decoration-break: clone;
}

.hero-slider .owl-nav .owl-next,
.hero-slider .owl-nav .owl-prev {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    color: #555 !important;
    text-align: center;
    line-height: 47px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 40px;
    background: #fff !important;
    z-index: 999;
    padding: 0;
    font-size: 1.4em !important;
    margin: 0;
}

.hero-slider .owl-nav .owl-next {
    left: auto;
    right: 40px;
}
/*===========================
	End Hero Area CSS
=============================*/
/* ==========================
how to write the thesis writing 
=================================*/

.thesis-statements {
    display: grid;
    grid-template-columns: 0.25rem 1fr;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    list-style: none;
}

.thesis-statements::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / span 20;
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}

.thesis-statements li {
    grid-column: 2;
    margin-inline: 1.5rem;
    grid-row: span 2;
    display: grid;
    grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content min-content;
}

.thesis-statements li:not(:last-child) {
    margin-bottom: 2rem;
}

.thesis-statements li .date {
    height: 3rem;
    margin-inline: -1.5rem;
    text-align: center;
    color: #000000;
    background-image: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%);
    display: grid;
    place-content: center;
    position: relative;
    border-radius: 1.5rem 0 0 1.5rem;
}
.thesis-statements-text {
    background: rgb(238, 174, 202);
    background: radial-gradient(
        circle,
        rgba(238, 174, 202, 1) 0%,
        rgba(148, 187, 233, 1) 100%
    );
    color: #000;
}

.thesis-statements li .date::before {
    content: "";
    width: 1.8rem;
    aspect-ratio: 1;
    background: #f8f7fa;
    position: absolute;
    top: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    right: 0;
}

.thesis-statements li .date::after {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: linear-gradient(
        to top,
        #3f51b1 0%,
        #5a55ae 13%,
        #7b5fac 25%,
        #8f6aae 38%,
        #a86aa4 50%,
        #cc6b8e 62%,
        #f18271 75%,
        #f3a469 87%,
        #f7c978 100%
    );
    border-radius: 15px;
    z-index: 1;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    right: calc(100% + 2rem + 0.125rem);
}

.thesis-statements li .title {
    position: relative;
    padding-inline: 1.5rem;
    overflow: hidden;
    -webkit-padding-before: 1.5rem;
    padding-block-start: 1.5rem;
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem;
    font-weight: 500;
}

.thesis-statements li .title::before {
    bottom: calc(100% + 0.125rem);
}

.thesis-statements li .descr {
    position: relative;
    padding-inline: 1.5rem;
    -webkit-padding-after: 1.5rem;
    padding-block-end: 1.5rem;
    font-weight: 300;
}

.thesis-statements li .descr::before {
    z-index: -1;
    bottom: 0.25rem;
}

@media (min-width: 40rem) {
    .thesis-statements {
        grid-template-columns: 1fr 0.25rem 1fr;
    }

    .thesis-statements::before {
        grid-column: 2;
    }

    .thesis-statements li:nth-child(odd) {
        grid-column: 1;
    }

    .thesis-statements li:nth-child(odd) .date {
        border-radius: 0 1.5rem 1.5rem 0;
    }

    .thesis-statements li:nth-child(odd) .date::before {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        left: 0;
    }

    .thesis-statements li:nth-child(odd) .date::after {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: calc(100% + 2rem + 0.125rem);
    }

    .thesis-statements li:nth-child(even) {
        grid-column: 3;
    }

    .thesis-statements li:nth-child(2) {
        grid-row: 2/4;
    }
}

.thesis-statements .thesis-statements-date {
    width: 54px;
    height: 85px;
    display: inline-block;
    padding: 8px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    z-index: 1;
}

/*===========================
	End How to write the thesis writing
=============================*/
/* ==========================
	Home Pallex slider
=========================== */
.parallex {
    background-image: url("../../img/about/Thesis-For-Help-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    color: #ffffff;
    padding: 50px;
    /* Reduce padding for smaller screens */
    margin: 50px 0;
    /* Reduce margin for smaller screens */
    width: 100%;
}

@media (min-width: 768px) {
    .intro-content {
        padding: 100px 200px;
        /* Adjust padding for medium screens */
        margin: 100px 0;
        /* Adjust margin for medium screens */
    }
}

@media (min-width: 992px) {
    .intro-content {
        padding: 100px 300px;
        /* Adjust padding for large screens */
        margin: 100px 0;
        /* Adjust margin for large screens */
    }
}

/*=============================
	Start Feautes CSS
===============================*/
.Feautes {
    padding-top: 0;
}

.Feautes.index2 {
    padding-top: 100px;
}

.Feautes.testimonial-page {
    padding-top: 100px;
}

.Feautes .single-features {
    text-align: center;
    position: relative;
    padding: 10px 20px;
}

.Feautes .single-features::before {
    position: absolute;
    content: "";
    right: -72px;
    top: 60px;
    width: 118px;
    border-bottom: 3px dotted #20bdef;
}

.Feautes .single-features.last::before {
    display: none;
}

.Feautes .single-features .signle-icon {
    position: relative;
}

.Feautes .single-features .signle-icon i {
    font-size: 50px;
    color: #095c75;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 0;
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.Feautes .single-features:hover .signle-icon i {
    background: #042c38;
    color: #fff;
    border-color: transparent;
}

.Feautes .single-features h3 {
    padding-top: 128px;
    color: #2c2d3f;
    font-weight: 600;
    font-size: 21px;
}

.Feautes .single-features p {
    margin-top: 20px;
}

/*=============================
	End Feautes CSS
===============================*/

/*===================
	Why choose CSS
=====================*/
.why-choose .choose-left h3 {
    font-size: 24px;
    font-weight: 600;
    color: linear-gradient(to right, #6b53a2 0%, #20bdef 100%);
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 24px;
}

.why-choose .choose-left h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #20bdef;
}

.why-choose .choose-left p {
    margin-bottom: 35px;
}

.why-choose .choose-left .list li {
    color: #868686;
    margin-bottom: 12px;
}

.why-choose .choose-left .list li:last-child {
    margin-bottom: 0px;
}

.why-choose .choose-left .list li i {
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    background: linear-gradient(to right, #6b53a2 0%, #20bdef 100%);
    color: #fff;
    font-size: 14px;
    border-radius: 100%;
    padding-left: 2px;
    margin-right: 16px;
}

/* Start Faq CSS */
.why-choose {
    background: linear-gradient(to right, #6b53a22f 0%, #20bdef 100%);
}

.why-choose .choose-right {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/*=======================
	End Why choose CSS
=========================*/

/*===============================
	Start Call to action CSS
=================================*/
.call-action {
    background-image: url("../../img/homepage/any-help.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
}

.call-action .content {
    text-align: center;
    padding: 100px 265px;
}

.call-action .content h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 46px;
}

.call-action .content p {
    color: #fff;
    margin: 30px 0px;
    font-size: 15px;
}

.call-action .content .btn {
    background: #fff;
    margin-right: 20px;
    font-weight: 500;
    border: 1px solid #fff;
    color: #20bdef;
}

.call-action .content .btn:before {
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}

.call-action .content .btn:hover {
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    color: #fff;
}

.call-action .content .btn:last-child {
    margin-right: 0px;
}

.call-action .content .second {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    color: #fff !important;
}

.call-action .content .second:before {
    background: #fff;
}

.call-action .content .second:hover {
    color: #20bdef;
    border-color: transparent;
    background: #fff;
}

.call-action .content .second i {
    margin-left: 10px;
}
@media (max-width: 768px) {
    .call-action .content {
        padding: 50px 20px; /* Reduce padding for smaller screens */
    }

    .call-action .content h2 {
        font-size: 24px; /* Adjust font size */
        line-height: 32px;
    }

    .call-action .content p {
        font-size: 14px; /* Adjust font size for paragraph */
        margin: 20px 0; /* Adjust spacing */
    }

    .call-action .content .btn {
        margin: 10px 0; /* Stack buttons vertically if needed */
        font-size: 14px; /* Adjust button font size */
    }
}

/*===============================
	Start Call to action CSS
=================================*/

/*===============================
	Service Section
=================================*/
.service-block4 {
    position: relative;
    border: 1px solid #f7f7f7;
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
    border-radius: 5px;
    overflow: hidden;
    padding: 30px;
}

.service-block4:before {
    position: absolute;
    top: -42px;
    right: -100px;
    z-index: 0;
    content: " ";
    width: 250px;
    height: 120px;
    background: #f7f7f7;
    border-bottom-left-radius: 0;
    transition: all 0.4s ease-in-out;
    transform: rotate(45deg);
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.service-block4:hover:before {
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}

.service-block4 .service-icon {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 1;
    text-align: center;
}

.service-block4 i {
    color: #42a4bc;
    font-size: 38px;
    line-height: normal;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    margin-bottom: 0;
}

.service-block4:hover i {
    color: #fff;
}

.service-block4 .service-desc {
    position: relative;
}

.service-block4 .service-desc h4 {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
}

.service-block4 .service-desc h5 {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 500;
}

.service-block4 .service-desc h5:after {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background: #4295bc;
    margin-top: 10px;
    margin-bottom: 15px;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.service-block4 p {
    margin-top: 25px;
    padding-right: 10px;
    margin-bottom: 0;
    text-align: justify;
}

@media screen and (max-width: 1199px) {
    .service-block4:before {
        right: -110px;
    }

    .service-block4 .service-desc h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .service-block4 p {
        padding-right: 40px;
        margin-top: 20px;
    }

    .service-block4 i {
        font-size: 34px;
    }
}

@media screen and (max-width: 991px) {
    .service-block4 {
        padding: 25px;
    }

    .service-block4 .service-desc h4 {
        font-size: 15px;
    }

    .service-block4 i {
        font-size: 32px;
    }

    .service-block4 p {
        margin-top: 15px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 767px) {
    .service-block4 {
        padding: 20px;
    }

    .service-block4:before {
        right: -130px;
    }

    .service-block4 i {
        font-size: 28px;
    }

    .service-block4 .service-icon {
        top: 13px;
        right: 12px;
    }
}

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

/*===============================
	/Service Section
=================================*/
/*===============================
	  Blog 
==================================*/
/* Blog Section */
.blog {
    padding: 60px 0;
}

/* Single Blog */
.single-news {
    margin-bottom: 30px;
    background-image: linear-gradient(to right, #d4e2ee1c 0%, #00f1fe1a 100%);
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
}

/* News Head */
.news-head img {
    width: 100%;
    height: 50%;
}

/* News Body */
.news-body {
    padding: 20px;
}

/* News Content */
.news-content .date {
    font-size: 14px;
    color: #999;
}

.news-content h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0;
}

.news-content a {
    color: #333;
    text-decoration: none;
}

.news-content a:hover {
    color: #007bff;
}

.news-content .text {
    font-size: 16px;
    color: #666;
}

/*==========================
	Start contact CSS
============================*/
.contact {
    background: #fff;
    padding-top: 100px;
}

.contact.single-page {
    background: #fff;
    padding-top: 100px 0;
    padding: 0;
    padding: 100px 0;
}

.contact.single-page .contact-inner {
    padding: 40px;
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
}

.contact.single-page .title h3 {
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.contact .form {
    margin-top: 30px;
}

.contact .form input {
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 0px 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    border-radius: 4px;
}

.contact .form textarea {
    width: 100%;
    height: 200px;
    padding: 18px;
    border: 1px solid #eee;
    text-transform: capitalize;
    resize: none;
    border-radius: 4px;
}

.contact .form-group .nice-select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 0px 18px;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    font-weight: 400;
}

.contact .form-group .nice-select::after {
    right: 20px;
    color: #757575;
}

.contact .form-group .list {
    border-radius: 4px;
}

.contact .form-group .list li {
    color: #757575;
    border-radius: 0;
}

.contact .form-group .list li.selected {
    color: #757575;
    font-weight: 400;
}

.contact .form-group .list li:hover {
    color: #fff;
    background: #20bdef;
}

.contact.single-page .button .btn {
    width: 100%;
}

.contact .button .btn {
    font-weight: 500;
}

.contact .button .btn:hover {
    color: #fff;
}

.contact .form p {
    margin-top: 10px;
    color: #868686;
}

.contact.single-page .work-hour {
    background: #20bdef;
    padding: 40px;
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
}

.contact.single-page .work-hour h3 {
    font-size: 25px;
    display: block;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

.contact.single-page .time-sidual {
    margin-top: 15px;
}

.contact.single-page .time-sidual {
    overflow: hidden;
}

.contact.single-page .time-sidual li {
    display: block;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
}

.contact.single-page .time-sidual li span {
    display: inline-block;
    float: right;
}

.contact.single-page .day-head .time {
    font-weight: 400;
    float: right;
}

/*==========================
	End contact CSS
============================*/

/*=========================
   Start Contact Us CSS
===========================*/
.contact-us .inner {
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
    overflow: hidden;
}

.contact-us .contact-us-left {
    width: 100%;
    height: 100%;
}

.contact-us .contact-us-form {
    padding: 50px 40px;
}

.contact-us .contact-us-form h2 {
    position: relative;
    font-size: 32px;
    color: #333;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;
    margin-bottom: 12px;
    padding-bottom: 20px;
    text-align: left;
}

.contact-us .contact-us-form h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #20bdef;
}

.contact-us .contact-us-form p {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-align: left;
    margin-bottom: 50px;
}

.contact-us .form {
    margin-top: 30px;
}

.contact-us .form .form-group {
    margin-bottom: 22px;
}

.contact-us .form .form-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 0px 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.contact-us .form .form-group textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.contact-us .form .form-group.login-btn {
    margin: 0;
}

.contact-us .form button {
    border: none;
}

.contact-us .form .btn {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    line-height: 20px;
    width: 100%;
}

.contact-us .form .btn:hover {
    background: #20bdef;
    color: #fff;
}

.contact-us .contact-us-form .checkbox {
    text-align: left;
    margin: 0;
    margin-top: 20px;
    display: inline-block;
}

.contact-us .contact-us-form .checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    padding-left: 20px;
}

.contact-us .contact-us-form .checkbox label:hover {
    cursor: pointer;
}

.contact-us .contact-us-form .checkbox label input {
    display: none;
}

.contact-us .contact-us-form .checkbox label::before {
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #20bdef;
    border-radius: 100%;
}

.contact-us .contact-us-form .checkbox label::after {
    position: relative;
    content: "";
    width: 7px;
    height: 7px;
    left: -16px;
    top: -15px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    font-size: 9px;
    background: #20bdef;
    border-radius: 100%;
}

.contact-us .contact-us-form .checkbox label.checked::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.contact-us .contact-info {
    margin-top: 50px;
}

.contact-us .single-info {
    background: #20bdef;
    padding: 40px 60px;
    height: 150px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.contact-us .single-info:before {
    position: absolute;
    z-index: -1;
    content: "";
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: 90%;
    background: #20bdef;
    opacity: 0;
    filter: blur(10px);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.contact-us .single-info:hover:before {
    opacity: 0.8;
}

.contact-us .single-info:hover {
    transform: translateY(-5px);
}

.contact-us .single-info i {
    font-size: 42px;
    color: #fff;
    position: absolute;
    left: 40px;
}

.contact-us .single-info .content {
    margin-left: 45px;
}

.contact-us .single-info .content h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.contact-us .single-info .content p {
    color: #fff;
    margin-top: 5px;
}

/* Google Map */
.contact-us #myMap {
    height: 100%;
    width: 100%;
}

/*=========================
   End Contact Us CSS
===========================*/

/*=========================
	Start About Us CSS
===========================*/
.abt-banner {
    background-image: url(../../img/Banner/Thesis-For-Help-banner.webp);
    width: 100%;
    height: 70%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-shadow: 4px 2px 4px #1d48b6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.abt-banner-content {
    text-align: center;
    width: 100%; /* Ensure it spans across the width */
    max-width: 800px; /* Restrict the maximum width for large screens */
    margin: 0 auto;
}

.abt-banner-fnt {
    color: white;
    font-size: 3rem;
    font-weight: 800;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    line-height: 1.2; /* Ensures consistent spacing */
    padding: 0 1rem; /* Adds padding to avoid text getting cut off */
}

.abt-banner-fnt-country {
    color: white;
    font-size: 2.7rem;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

@media screen and (max-width: 768px) {
    .abt-banner {
        height: 60%; /* Adjusted height */
    }

    .abt-banner-content {
        padding: 0 1rem; /* Adds padding for smaller screens */
    }

    .abt-banner-fnt {
        font-size: 3rem; /* Keep the font size consistent for readability */
    }
}

@media screen and (max-width: 480px) {
    .abt-banner {
        height: 50%; /* Further reduce height for very small screens */
    }

    .abt-banner-content {
        padding: 0 1rem;
    }

    .abt-banner-fnt {
        font-size: 2.2rem; /* Ensure text doesn't shrink too much */
        word-wrap: break-word; /* Ensures no overflow */
    }
}
@media screen and (max-width: 380px) {
    .abt-banner {
        height: 50%; /* Further reduce height for very small screens */
    }

    .abt-banner-content {
        padding: 0 1rem;
    }

    .abt-banner-fnt {
        font-size: 1.5rem; /* Ensure text doesn't shrink too much */
        word-wrap: break-word; /* Ensures no overflow */
    }
}

.rounded-circle {
    border-radius: 50% !important;
}
.abt-why-choose {
    background: white;
}

.sub-info {
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #004975;
}

.display-30 {
    font-size: 0.9rem;
}

/* ===== LOGIN PAGE ===== */
.login-box {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

@media (min-width: 992px) {
    .login-box {
        margin: 40px 0;
    }
}

.login-box .form-wrap {
    padding: 30px 25px;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
    .login-box .form-wrap {
        padding: 45px;
    }
}

@media (min-width: 992px) {
    .login-box .form-wrap {
        margin-top: -40px;
        margin-bottom: -40px;
        padding: 60px;
    }
}

.login-box .socials a {
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}

.our-support-different-phases {
    background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
    padding-bottom: 50px;
}

/*=========================
	End About Us CSS
===========================*/
/* =========================
	Why Us
===========================*/
.events-date {
    text-align: center;
    position: absolute;
    right: 30px;
    top: 30px;
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
    color: #fff;
    padding: 12px 20px 8px 20px;
    text-transform: uppercase;
}

.event-time li {
    display: inline-block;
    margin-right: 20px;
}

.event-time li:last-child {
    margin-right: 0;
}

.event-time li i {
    color: #59c17a;
}

.event-block {
    box-shadow: 0px 0px 16px 0px rgba(187, 187, 187, 0.48);
}

.event-block ul li i {
    color: #59c17a;
}

@media screen and (max-width: 1199px) {
    .event-date {
        padding: 10px 18px 6px 18px;
    }
}

@media screen and (max-width: 575px) {
    .event-date {
        padding: 8px 15px 4px 15px;
    }

    .events-date {
        padding: 10px 15px 6px 15px;
    }
}

.position-relative {
    position: relative !important;
}

.margin-40px-bottom {
    margin-bottom: 40px;
}

.padding-60px-lr {
    padding-left: 60px;
    padding-right: 60px;
}

.margin-15px-bottom {
    margin-bottom: 15px;
}

.font-weight-500 {
    font-weight: 500;
}

.font-size22 {
    font-size: 22px;
}

.text-theme-color {
    color: #192f59;
}

.margin-10px-bottom {
    margin-bottom: 10px;
}

.margin-10px-right {
    margin-right: 10px;
}

/*=========================
	Start Footer CSS
===========================*/
.new_footer_area {
    background: radial-gradient(
        circle at 10% 20%,
        rgb(239, 246, 249) 0%,
        rgb(206, 239, 253) 90%
    );
}

.new_footer_top {
    padding: 120px 0px 270px;
    position: relative;
    overflow-x: hidden;
}

.new_footer_area .footer_bottom {
    padding-top: 5px;
    padding-bottom: 50px;
}

.footer_bottom {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #7f88a6;
    padding: 27px 0px;
}

.new_footer_top .company_widget p {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    color: #6a7695;
    margin-bottom: 20px;
}

.new_footer_top .company_widget .f_subscribe_two .btn_get {
    border-width: 1px;
    margin-top: 20px;
}

.btn_get_two:hover {
    background: transparent;
    color: #20bdef;
}

.btn_get:hover {
    color: #fff;
    background: #ae59a3;
    border-color: #ae59a3;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a:hover,
a:focus,
.btn:hover,
.btn:focus,
button:hover,
button:focus {
    text-decoration: none;
    outline: none;
}

.new_footer_top .f_widget.about-widget .f_list li i {
    color: #3e9bff;
}

.new_footer_top .f_widget.about-widget .f_list li a:hover {
    color: #20bdef;
}

.new_footer_top .f_widget.about-widget .f_list li {
    margin-bottom: 11px;
}

.f_widget.about-widget .f_list li:last-child {
    margin-bottom: 0px;
}

.f_widget.about-widget .f_list li {
    margin-bottom: 15px;
}

.f_widget.about-widget .f_list {
    margin-bottom: 0px;
}

.new_footer_top .f_social_icon a {
    width: 44px;
    height: 44px;
    line-height: 43px;
    background: transparent;
    border: 1px solid #e2e2eb;
    font-size: 24px;
}

.f_social_icon a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 45px;
    color: #858da8;
    display: inline-block;
    background: #000000;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.btn_get_two {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #20bdef;
    border-color: #20bdef;
    color: #fff;
}

.btn_get_two:hover {
    background: transparent;
    color: #20bdef;
}

.new_footer_top .f_social_icon a:hover {
    background: #20bdef;
    border-color: #20bdef;
    color: white;
}

.new_footer_top .f_social_icon a + a {
    margin-left: 4px;
}

.new_footer_top .f-title {
    margin-bottom: 30px;
    color: #263b5e;
}

.f_600 {
    font-weight: 600;
}

.f_size_18 {
    font-size: 18px;
}

.new_footer_top .f_widget.about-widget .f_list li a {
    color: #6a7695;
}

.new_footer_top .footer_bg {
    position: absolute;
    bottom: 0;
    background: url("../../img/animation-img/footers.png") no-repeat scroll
        center 0;
    width: 100%;
    height: 260px;
}

.new_footer_top .footer_bg .footer_bg_one {
    background: url("../../img/animation-img/volks.gif") no-repeat scroll center
        0;
    width: 330px;
    height: 125px;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 30%;
    -webkit-animation: myfirst 22s linear infinite;
    animation: myfirst 18s linear infinite;
}

.new_footer_top .footer_bg .footer_bg_two {
    background: url("../../img/animation-img/cyclist.gif") no-repeat center
        center;
    width: 88px;
    height: 100px;
    background-size: 100%;
    bottom: 0;
    left: 38%;
    position: absolute;
    -webkit-animation: myfirst 30s linear infinite;
    animation: myfirst 20s linear infinite;
}

.new_footer_top .footer_bg .footer_bg_three {
    background: url("../../img/animation-img/cyclist-1.gif") no-repeat center
        center;
    width: 98px;
    height: 80px;
    background-size: 100%;
    bottom: 0;
    left: 38%;
    position: absolute;
    -webkit-animation: myfirst 30s linear infinite;
    animation: myfirst 15s linear infinite;
}
.new_footer_top .footer_bg .footer_bg_four {
    background: url("../../img/animation-img/plane.gif") no-repeat center center;
    width: 150px;
    height: 550px;
    background-size: 100%;
    bottom: 0;
    left: 38%;
    position: absolute;
    -webkit-animation: myfirst 30s linear infinite;
    animation: myfirst 5s linear infinite;
}

@-moz-keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}

@keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}

/*=========================
	End Footer CSS
===========================*/

/* =========================
	Back To Top
=============================*/
#back-to-top {
    display: inline-block;
    background-color: #050114;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#back-to-top::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #b3e5f5;
}

#back-to-top:hover {
    cursor: pointer;
    background-color: #333;
}

#back-to-top:active {
    background-color: #555;
}

#back-to-top.show {
    opacity: 1;
    visibility: visible;
}

/* =======================
  	Services elements
  ========================= */
.service.service-news {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 20px;
}

.service.service-news .service-img img {
    width: 100%;
    height: auto;
}

.service.service-news .service-body {
    padding: 20px;
    box-shadow: 0 22px 28px rgba(0, 0, 0, 0.06);
    background: #fff;
    margin-top: -30px;
    z-index: 1;
}

.service.service-news .service-body h5 {
    font-size: 22px;
}

.service.service-news .service-body p {
    color: #292727;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
}

/* Mobile Devices (Max-width 767px) */
@media (max-width: 767px) {
    .service.service-news {
        margin-bottom: 30px;
    }

    .service.service-news .service-body {
        margin-top: 10px;
        box-shadow: none;
    }

    .service.service-news .service-body h5 {
        font-size: 18px;
    }

    .service.service-news .service-body p {
        font-size: 14px;
    }
}

/* Larger screens */
@media (min-width: 992px) {
    .service.service-news {
        flex-direction: row;
    }

    .service.service-news .service-body {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 75%;
    }
}

.thesis-topics {
    text-align: justify;
    padding: 10px;
    margin: 10px;
    box-shadow: inset 0 0 12px 12px rgb(216, 209, 209),
        inset 0 0 3px 2px rgb(83, 62, 62);
}

.services .box {
    margin-top: 10px;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    overflow: hidden;
    transition: 0.3s ease;
    position: relative;
    border-radius: 10px;
}

.services .box i {
    color: #f26c4f;
    transition: inherit;
    transition-delay: 0s;
    text-align: justify;
}

.services h4 {
    color: #fff;
    transition: inherit;
    transition-delay: 0.05s;
}

.services p {
    color: #dfdfdf;
    transition: inherit;
    transition-delay: 0.1s;
    text-align: justify;
}

.service-desc {
    overflow: hidden;
    padding: 1rem;
    text-align: left;
}

.readmore {
    margin-top: 10px;
    overflow: hidden;
    display: inline-block;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 700;
    /* color: #62bbee; */
    position: relative;
    padding-right: 2rem;
    text-decoration: none;
}

.readmore:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.125rem;
    width: 100%;
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
    transform: scaleX(0.2);
    transform-origin: left center;
    transition: transform 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    z-index: 0;
}

.readmore span {
    position: relative;
    display: inline-block;
    transform: translateX(-200%);
    transition: transform 0.6s cubic-bezier(0.6, 0.01, 0, 1);
}
.service-desc:hover {
    color: #70bcfa;
}
.service-desc:hover .readmore:before {
    transform: scaleX(1);
}

.readmore span {
    transform: translateX(0);
}

/* About Me 
---------------------*/
@media (max-width: 991px) {
    .about-text {
        margin-top: 40px;
    }
}

.topic-text h3 {
    margin: 0 0 10px;
}

@media (max-width: 767px) {
    .topic-text h3 {
        font-size: 35px;
    }
}

.topic-text h4 {
    font-weight: 600;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .topic-text h4 {
        font-size: 18px;
    }
}

.topic-text p mark {
    font-weight: 600;
    color: #3a3973;
}

.topic-text .btn-bar {
    padding-top: 8px;
}

.topic-text .btn-bar a {
    min-width: 150px;
    text-align: center;
    margin-right: 10px;
}

.topic-list {
    padding-top: 10px;
}

.topic-list .media {
    padding: 5px 0;
}

.topic-list label {
    color: #3a3973;
    font-weight: 600;
    width: 88px;
    margin: 0;
    position: relative;
}

.topic-list label:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 11px;
    width: 1px;
    height: 12px;
    background: #3a3973;
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    margin: auto;
    opacity: 0.5;
}

.topic-list p {
    margin: 0;
}

.counter-section {
    padding: 40px 20px;
}

.counter-section .count-data {
    margin-top: 10px;
    margin-bottom: 10px;
}

.counter-section .count {
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px;
}

.counter-section p {
    margin: 0;
    color: #fe4f6c;
}

.gray-bg {
    background: linear-gradient(to right, #39b8df2f 0%, #20bfef04 100%);
}

.px-btn.theme {
    background: #fe4f6c;
    color: #ffffff;
    border: 2px solid #fe4f6c;
}

.px-btn {
    padding: 0 20px;
    line-height: 42px;
    border: 2px solid transparent;
    position: relative;
    display: inline-block;
    background: none;
    border: none;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

.px-btn.theme-t {
    background: transparent;
    border: 2px solid #fe4f6c;
    color: #fe4f6c;
}

/* =====================
	Intro page
	====================*/
.intro-card {
    border: 2px solid #a72879;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 10px -20px#a72879;
}

/*====================
  	Contact Page 
  ======================= */
.get-in-touch {
    max-width: 800px;
    margin: 50px auto;
    position: relative;
}

.get-in-touch .title {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 3.2em;
    line-height: 48px;
    padding-bottom: 48px;
    color: #5543ca;
    background: #5543ca;
    background: -moz-linear-gradient(left, #f4524d 0%, #5543ca 100%) !important;
    background: -webkit-linear-gradient(
        left,
        #f4524d 0%,
        #5543ca 100%
    ) !important;
    background: linear-gradient(to right, #f4524d 0%, #5543ca 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.contact-form .form-field {
    position: relative;
    margin: 32px 0;
}

.contact-form .input-text {
    display: block;
    width: 100%;
    height: 36px;
    border-width: 0 0 2px 0;
    border-color: #5543ca;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.contact-form .input-text:focus {
    outline: none;
}

.contact-form .input-text:focus + .label,
.contact-form .input-text.not-empty + .label {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
}

.contact-form .label {
    position: absolute;
    left: 20px;
    bottom: 11px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #5543ca;
    cursor: text;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.contact-form .submit-btn {
    display: inline-block;
    background-color: #000;
    background-image: linear-gradient(125deg, #a72879, #064497);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 8px 16px;
    border: none;
    width: 200px;
    cursor: pointer;
}
.contact-us-at {
    padding: 10px 16px;
    color: #fff;
    background-color: #cf3b58;
    border-radius: 2px;
    margin: 10px auto;
    display: block;
    width: 180px;
    font-size: 16px;
    text-align: center;
}
/*==================
		Contact ends 

	/*===========================
	 	Thesis services page css
	 =============================*/
.verti-timeline {
    border-left: 3px dashed #065cb3;
    margin: 0 10px;
}
.verti-timeline .event-list {
    position: relative;
    padding: 40px 15px 40px;
    border-top: 3px solid #065cb1;
}
.verti-timeline .event-list .event-date {
    position: absolute;
    right: 0;
    top: -2px;
    padding: 12px;
    color: #fff;
    border-radius: 0 0 7px 7px;
    text-align: center;
}
.verti-timeline .event-list .event-content {
    position: relative;
    border: 2px solid #1a66b3;
    border-radius: 7px;
    text-align: justify;
}
.verti-timeline .event-list .event-content::before {
    content: "";
    position: absolute;
    height: 40px;
    width: 75%;
    top: -42px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-left: 12px double #0e80f1;
    border-right: 12px double #0978e7;
}
.verti-timeline .event-list .timeline-icon {
    position: absolute;
    left: -14px;
    top: -10px;
}
.verti-timeline .event-list .timeline-icon i {
    display: inline-block;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 20px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}
.verti-timeline .event-list:last-child {
    padding-bottom: 0;
}
@media (min-width: 769px) {
    .verti-timeline {
        margin: 0 60px;
    }
    .verti-timeline .event-list {
        padding: 40px 90px 60px 40px;
    }
}
@media (max-width: 576px) {
    .verti-timeline .event-list .event-date {
        right: -20px;
    }
}
.card {
    border: none;
    margin-bottom: 24px;
    -webkit-box-shadow: 0 0 13px 0 rgba(236, 236, 241, 0.44);
    box-shadow: 0 0 13px 0 rgba(236, 236, 241, 0.44);
}
.carousel-caption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 20px;
}
@media (max-width: 1200px) {
    .carousel-caption {
        top: 40%;
        padding: 15px;
    }
}
@media (max-width: 992px) {
    .carousel-caption {
        top: 50%;
        padding: 10px;
    }
    .carousel-caption h2 {
        font-size: 1.8rem;
    }
    .carousel-caption p {
        font-size: 1rem;
    }
}
@media (max-width: 768px) {
    .carousel-caption {
        top: 60%;
        padding: 10px;
    }
    .carousel-caption h2 {
        font-size: 1.5rem;
    }
    .carousel-caption p {
        font-size: 0.9rem;
    }
}
@media (max-width: 576px) {
    .carousel-caption {
        top: 10%;
        padding: 5px;
    }
    .carousel-caption h2 {
        font-size: 1.2rem;
    }
    .carousel-caption p {
        font-size: 0.8rem;
    }
    .carousel-caption .btn {
        font-size: 0.8rem;
        padding: 5px 10px;
    }
}

.creative-cards {
    padding: 120px 0;
    position: relative;
}
.creative-cards .container {
    max-width: 1320px;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
}
.creative-cards .container .row {
    display: flex;
    flex-wrap: wrap;
}
.creative-cards .container .row .card-column {
    flex: 0 0 auto;
    width: 33.33333333%;
    text-align: center;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.card-details {
    width: 80%;
    margin: auto;
    position: relative;
    transition: 0.3s ease-in-out;
}
.card-details:before {
    content: "";
    width: 190px;
    height: 480px;
    background: #dde9f1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) skew(-20deg, 0deg);
    z-index: -1;
    transition: 0.3s ease-in-out;
}
.card-details:hover:before {
    background-color: #20bdef;
}
.card-icons {
    width: 140px;
    height: 150px;
    position: relative;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-icons:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid;
    width: 100%;
    height: 100%;
    transform: skew(-20deg, 0deg);
    background: #fff;
    border-color: #20bdef;
    transition: 0.3s ease-in-out;
}
.card-details:hover .card-icons:before {
    background-color: #007bff;
}
.card-icons img {
    position: relative;
    width: 70px;
    height: 70px;
}
.card-details h3 {
    margin-bottom: 15px;
    margin-top: 50px;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.2;
}
.card-details h3 a {
    color: #000;
    text-decoration: none;
}
.card-details p {
    font-size: 16px;
    line-height: 30px;
    color: #444;
    font-weight: 400;
    margin-bottom: 30px;
}

.card-details:hover {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

/* ============= Responsive Ipad ==================== */
@media (max-width: 992px) {
    .creative-cards .container .row .card-column {
        flex: 0 0 auto;
        width: 50%;
        margin-bottom: 40px;
    }
}

/* ============= Responsive Iphone ==================== */
@media (max-width: 480px) {
    .creative-cards .container .row .card-column {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }
    .card-details {
        width: 100%;
    }
}

/* ============= SEARCHING FOR A THESIS WRITING EXPERTS ==================== */

.thesis-writing-experts {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 2rem;
    background-color: #fafafa;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-title-experts {
    padding-bottom: 50px;
}
.head-experts {
    padding-bottom: 30px;
    color: #575eaa;
}

.form-model {
    width: 100%;
    max-width: 1120px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    z-index: 100;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.contact-export {
    background: linear-gradient(
        to right,
        rgba(107, 83, 162, 0.184) 0%,
        rgb(32, 189, 239) 100%
    );
    position: relative;
    padding: 40px;
}

.circle {
    border-radius: 50%;
    background: linear-gradient(135deg, transparent 20%, #575eaa);
    position: absolute;
}

.circle.one {
    width: 130px;
    height: 130px;
    top: 130px;
    right: -40px;
}

.circle.two {
    width: 80px;
    height: 80px;
    top: 10px;
    right: 30px;
}

.contact-export:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    background: linear-gradient(
        to right,
        rgba(107, 83, 162, 0.184) 0%,
        rgb(32, 189, 239) 100%
    );
    transform: rotate(45deg);
    top: 50px;
    left: -13px;
}

.title-experts {
    color: #0a0000;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 0.7rem;
}

.experts-title {
    color: #fff;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 0.7rem;
}

.contact-info {
    padding: 2.3rem 2.2rem;
    position: relative;
}

.contact-info .title {
    color: #575eaa;
}

.text-experts {
    color: #333;
    margin: 1.5rem 0 2rem 0;
}
.para-experts {
    color: #000;
    text-align: center;
}
.underline-experts li {
    padding-bottom: 15px;
    text-align: justify;
}
.underline-experts li .fa {
    color: rgb(32, 189, 239);
    font-size: 22px;
    font-weight: 600;
    padding-right: 16px;
}

.contact-info:before {
    content: "";
    position: absolute;
    width: 110px;
    height: 100px;
    border: 22px solid rgb(32, 189, 239);
    border-radius: 50%;
    bottom: -77px;
    right: 50px;
    opacity: 0.3;
}

.big-circle {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: linear-gradient(
        to right,
        rgba(107, 83, 162, 0.184) 0%,
        rgb(32, 189, 239) 100%
    );
    bottom: 50%;
    right: 50%;
    transform: translate(-40%, 38%);
}

.big-circle:after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    background-color: #fafafa;
    border-radius: 50%;
    top: calc(50% - 180px);
    left: calc(50% - 180px);
}

.underline-experts li {
    color: #000;
}
.subhead-experts {
    color: #00010e;
    font-weight: 600;
}

@media (max-width: 850px) {
    .contact-info:before {
        bottom: initial;
        top: -75px;
        right: 65px;
        transform: scale(0.95);
    }

    .contact-export:before {
        top: -13px;
        left: initial;
        right: 70px;
    }

    .big-circle {
        bottom: 75%;
        transform: scale(0.9) translate(-40%, 30%);
        right: 50%;
    }
}

@media (max-width: 480px) {
    .form-model {
        grid-template-columns: 1fr;
    }
    .contact-info:before {
        display: none;
    }

    .big-circle {
        display: none;
    }
}
/* =============END SEARCHING FOR A THESIS WRITING EXPERTS ==================== */

/*** Carousel Hero Header Start ***/

.banner-head {
    display: grid;
    grid-template-columns: 50% 45%;
    place-items: center;
    gap: 60px;
    min-height: 100vh;
    padding: 20px 60px;
    background-image: linear-gradient(1deg, #fafafa 0%, #02368a 100%);
}

/* CONTENT */

.content-head {
    max-width: 2400px;
}

.content-head h1 {
    font-family: "Comfortaa", sans-serif;
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 700;
    line-height: 1.2;
    font-size: 40px;
    text-align: left;
    letter-spacing: 1px;
    margin-bottom: 36px;
    color: #fff;
}

.content-head p {
    font-size: clamp(1rem, 4vw, 1.1rem);
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 30px;
    color: #fff;
}

.content-head button {
    background: #eaeaea;
    color: #202134;
    font-size: clamp(0.9rem, 4vw, 1rem);
    font-weight: 600;
    border: 0;
    outline: 0;
    padding: 8px 14px;
    border-radius: 7px;
    transform: scale(1);
    transition: all 0.4s ease-in;
    cursor: pointer;
}

.content-head button:is(:hover, :focus) {
    transform: scale(0.98);
    background-color: #6f7aa6;
    color: #eaeaea;
}

/* SLIDER */

.swiper {
    position: relative;
    width: 400px;
    height: 490px;
}

.swiper-slide {
    position: relative;
    background-position: center;
    background-size: cover;
    border: 1px solid rgba(255, 255, 255, 0.3);
    user-select: none;
    border-radius: 20px;
}

.cost {
    position: absolute;
    top: 8px;
    right: 6px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    padding: 6px 10px;
    color: #fff;
    font-size: clamp(0.8rem, 4vw, 0.9rem);
    font-weight: 600;
}

.dark-text {
    color: #202134;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.overlays {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    bottom: 0;
    width: 90%;
    height: 150px;
    padding: 10px 20px;
    background: rgba(93, 95, 145, 0.2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    border-radius: 0 0 20px 20px;
}

.overlays h2 {
    font-size: clamp(1.2rem, 4vw, 1.5rem);
    font-weight: 600;
    color: rgba(253, 251, 251, 0.692);
}

.overlays p {
    padding-top: 10px;
    font-size: clamp(0.8rem, 4vw, 0.9rem);
    font-weight: 300;
    line-height: 1.3;
    color: rgba(245, 245, 245, 0.512);
}

.ratings {
    display: flex;
    column-gap: 10px;
    margin-top: -6px;
}

.ratings span {
    font-size: clamp(0.8rem, 4vw, 0.9rem);
    font-weight: 300;
}

.star {
    color: #afe312;
}

@media (max-width: 1050px) {
    .swiper {
        width: 350px;
        height: 450px;
    }
}

@media (max-width: 930px) {
    .banner-head {
        grid-template-columns: 100%;
        grid-template-rows: 55% 40%;
        grid-template-areas:
            "slider"
            "content-head";
        place-items: center;
        gap: 64px;
        padding: 60px;
    }

    .swiper {
        grid-area: slider;
    }

    .content-head {
        grid-area: content-head;
        text-align: center;
    }

    .content-head h1 {
        margin-bottom: 20px;
    }
}

@media (max-width: 470px) {
    .banner-head {
        padding: 40px 40px 60px;
    }

    .swiper {
        width: 300px;
        height: 400px;
    }
}

/*** Carousel Hero Header End ***/
/***  Thesis Services ***/
.Our-specialties-list {
    padding-left: 100px;
}
.Our-Specialties {
    background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
    padding-top: 30px;
    padding-bottom: 20px;
}
.our-objective-heading {
    color: #575eaa;
}
.fa-paper-plane {
    color: #69d1fb;
    font-size: 17px;
}
.Our-specialties-list li {
    padding-bottom: 20px;
    color: #000;
}

.timeline-thesis-assistance {
    background: white;
    counter-reset: section;
    margin: 20px auto;
    padding-left: 70px;
}

.timeline-thesis-assistance .col-xs-12 {
    position: relative; /* Added for proper pseudo-element positioning */
    border-left: solid 4px rgb(206, 243, 250);
    padding-bottom: 80px;
    padding-left: 40px;
    padding-right: 60px;
}

.timeline-thesis-assistance .col-xs-12:before {
    /* counter */
    counter-increment: section;
    content: counter(section);
    /* position */
    position: absolute;
    left: -30px; /* Adjusted for better centering */
    top: -20px;
    /* form & size */
    border-radius: 50%;
    height: 40px;
    width: 40px;
    /* colors & text */
    background: rgb(0, 119, 255);
    color: white;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}

.timeline-thesis-assistance .col-xs-12 h5 {
    padding-bottom: 20px;
    color: #575eaa;
}

/* images */
.timeline-thesis-assistance img {
    margin-top: 20px;
    width: 100%;
}

@media (max-width: 480px) {
    .col-xs-6 {
        width: 100% !important;
    }
}

/* From Uiverse.io by vinodjangid07 */
.cookieCard {
    background: linear-gradient(
        to right,
        rgb(137, 104, 255),
        rgb(175, 152, 255)
    );
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.cookieCard::before {
    width: 350px;
    height: 250px;
    content: "";
    background: linear-gradient(
        to right,
        rgb(142, 110, 255),
        rgb(208, 195, 255)
    );
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    right: -25%;
    top: -25%;
}

.cookieHeading {
    font-size: 1.5em;
    font-weight: 600;
    color: rgb(241, 241, 241);
    z-index: 2;
}

.cookieDescription {
    font-size: 1.2em;
    color: rgb(241, 241, 241);
    z-index: 2;
}

.cookieDescription a {
    color: rgb(241, 241, 241);
}

/*** End Thesis Services ***/
/*=========================
	Our Team About Us CSS
===========================*/
.about-our-team {
    padding-bottom: 50px;
}
.about-our-objective {
    padding-top: 50px;
    padding-bottom: 20px;
    background-image: linear-gradient(
        -225deg,
        #5d9fff 0%,
        #b8dcff 48%,
        #6bbbff 100%
    );
}
.our-objective-heading {
    text-align: center;
}
.exports-ourteam {
    background-image: linear-gradient(
        to top,
        #f3e7e9 0%,
        #e3eeff 99%,
        #e3eeff 100%
    );
    padding-bottom: 30px;
}

.section-title-ourteam {
    text-align: center;
}
.section-title-ourteam h2 {
    color: #575eaa;
    padding-bottom: 20px;
    padding-top: 30px;
}
.few-words-about {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin: 0;

    backface-visibility: hidden; /* Force GPU Usage */
}
.our-experts-team {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80vmin;
    height: 70vmin;
    background-image: linear-gradient(
        to top,
        #dad4ec 0%,
        #dad4ec 1%,
        #f3e7e9 100%
    );
    padding: 5vmin;
    border-radius: 2vmin;
}

.our-experts-team h2 {
    font-size: 4vmin;
    line-height: 110%;
    font-weight: 600;
    color: black;
    text-align: center;
}

.our-experts-team li {
    font-size: 2vmin;
    font-weight: 400;
    color: black;

    margin: 3vmin 0;
    width: 100%;
    overflow: hidden;
}
.fa-pen-nib {
    font-size: 25px;
    color: #6bbbff;
}

.our-experts-team::before {
    position: absolute;
    width: calc(90% - 2px);
    height: calc(100% - 2px);
    background: white;
    border-radius: 100%;
    filter: drop-shadow(15vmin 15vmin 22vmin rgb(87, 193, 246));
    transform-box: fill-box;
    -webkit-transform-box: fill-box;
    transform-origin: center;
    -webkit-transform-origin: center;
    content: "";
    z-index: -10;
    animation: shadowRotate 5s linear infinite;
}

@keyframes shadowRotate {
    to {
        transform: rotateZ(360deg);
    }
}

/*=========================
	End Our Team About Us CSS
===========================*/
/* countries */

.countries-flag {
    position: relative;
    /* width: 200px;
	height: 250px; */
    width: 100%;
    height: 100%;
    border-radius: 14px;
    z-index: 111;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
}

.bg {
    position: absolute;
    top: 5px;
    left: 5px;
    /* width: 190px;
	height: 240px; */
    width: 100%;
    height: 100%;
    z-index: 2;
    /* background: rgba(255, 255, 255, .95);
	backdrop-filter: blur(24px); */
    border-radius: 10px;
    overflow: hidden;
    outline: 2px solid white;
}

.blob {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #6adef8;
    opacity: 1;
    filter: blur(102px);
    animation: blob-bounce 5s infinite ease;
}

@keyframes blob-bounce {
    0% {
        transform: translate(-100%, -100%) translate3d(0, 0, 0);
    }

    25% {
        transform: translate(-100%, -100%) translate3d(100%, 0, 0);
    }

    50% {
        transform: translate(-100%, -100%) translate3d(100%, 100%, 0);
    }

    75% {
        transform: translate(-100%, -100%) translate3d(0, 100%, 0);
    }

    100% {
        transform: translate(-100%, -100%) translate3d(0, 0, 0);
    }
}
.country-name {
    text-align: center;
    color: #000;
    font-size: 26px;
    padding-bottom: 20px;
}
.country-para {
    font-size: 17px;
    text-indent: 60px;
    line-height: 30px;
    text-align: justify;
}

/* End countries */
/*** COUNTRY (inside) ***/

.section-title-heading h2 {
    text-align: center;
    color: #575eaa;
}
.section-title-heading h1 {
    font-size: 35px;
    text-align: center;
    color: #575eaa;
}
.card-country {
    max-width: 300px;
    height: auto;
    background-image: linear-gradient(120deg, #94bbfa 0%, #ebf5fa 100%);
    border-radius: 15px;
    margin-top: 10px;
    padding: 40px 20px;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.card-country:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.card-country p {
    text-align: justify;
    padding-top: 17px;
}
.card-countrys {
    max-width: 500px;
    height: auto;
    background-image: linear-gradient(120deg, #94bbfa 0%, #ebf5fa 100%);
    border-radius: 15px;
    margin-top: 10px;
    padding: 40px 20px;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.card-countrys:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.card-countrys p {
    text-align: justify;
    padding-top: 17px;
}
.title .fa-solid {
    color: #fff;
    background-color: #389af7;
    font-size: 40px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.title .fa {
    color: #fff;
    background-color: #389af7;
    font-size: 40px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.country-thesis-content {
    padding-bottom: 30px;
}
.usa-image {
    padding-bottom: 50px;
}

/*** End COUNTRY (inside) ***/

/*** COUNTRY (inside) content***/
.blog .blog-item {
    border-radius: 10px;
}

.blog .blog-item .blog-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: 0.5s;
}

.blog .blog-item .blog-img img {
    transition: 0.5s;
}

.blog .blog-item:hover .blog-img img {
    transform: scale(1.2);
}

.blog .blog-item .blog-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.blog .blog-item .blog-img .blog-category {
    position: absolute;
    top: 25px;
    left: 25px;
    border-radius: 10px;
    color: var(--bs-white);
    background: var(--bs-primary);
    z-index: 5;
}

.blog .blog-item .blog-img .blog-date {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: var(--bs-white);
    z-index: 5;
}

.blog .blog-item .blog-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--bs-light);
}

.uk-phone {
    background-image: linear-gradient(
        to top,
        #71daff,
        #66d3fd,
        #5cccfb,
        #52c4f8,
        #49bdf6
    );
    margin-bottom: 30px;
}
.uk-list-head {
    background-image: linear-gradient(
        to top,
        #71daff,
        #66d3fd,
        #5cccfb,
        #52c4f8,
        #49bdf6
    );
}
.uk-liist:hover {
    color: rgb(0, 4, 255); /* Change the color on hover */
}
.fa-tags {
    font-size: 25px;
    color: #6bbbff;
}
.country-list ul {
    padding-top: 20px;
}
.country-list li {
    padding-bottom: 30px;
    padding-left: 40px;
    color: #757575;
}
.fa-square-phone {
    font-size: 60px;
    color: #fdfdfd;
    padding-bottom: 30px;
}
.phone-number {
    font-size: 17px;
    color: white;
}

.form-country {
    max-width: 800px;
    margin: 50px auto;
    position: relative;
    background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
    padding: 50px;
}

.form-country .title {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 3.2em;
    line-height: 48px;
    padding-bottom: 48px;
    color: #5543ca;
    background: #5543ca;
    background: -moz-linear-gradient(left, #f4524d 0%, #5543ca 100%) !important;
    background: -webkit-linear-gradient(
        left,
        #f4524d 0%,
        #5543ca 100%
    ) !important;
    background: linear-gradient(to right, #f4524d 0%, #5543ca 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.contact-form .form-field {
    position: relative;
    margin: 32px 0;
}

.contact-form .input-text {
    display: block;
    width: 100%;
    height: 36px;
    border-width: 0 0 2px 0;
    border-color: #5543ca;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}
.contact-form input {
    background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
}

.contact-form .input-text:focus {
    outline: none;
}

.contact-form .input-text:focus + .label,
.contact-form .input-text.not-empty + .label {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
}

.contact-form .label {
    position: absolute;
    left: 20px;
    bottom: 11px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #5543ca;
    cursor: text;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.contact-form .submit-btn {
    display: inline-block;
    background-color: #000;
    background-image: linear-gradient(125deg, #a72879, #064497);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 8px 16px;
    border: none;
    width: 200px;
    cursor: pointer;
}

.contact-form .submit-btn:hover {
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    color: #fff;
}

/* Logo Slider */

.logo-slider {
    margin-top: 50px;
    background: white;
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 210px;
}

.logo-slider::before,
.logo-slider::after {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(white),
        to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
        to right,
        white 0%,
        rgba(255, 255, 255, 0) 100%
    );
    content: "";
    height: 275px;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.logo-slider::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.logo-slider::before {
    left: 0;
    top: 0;
}

.logo-slider .logo-slide-track {
    -webkit-animation: logo-scroll 60s linear infinite;
    animation: logo-scroll 60s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(250px * 14);
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.logo-slider .slide {
    height: 150px;
    width: 250px;
    padding: 20px;
}

@-webkit-keyframes logo-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes logo-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

.form-inside-country {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* max-width: 350px; */
    background-image: linear-gradient(
        to top,
        #71daff,
        #66d3fd,
        #5cccfb,
        #52c4f8,
        #49bdf6
    );
    padding: 30px;
    border-radius: 10px;
    position: relative;
}

.message {
    color: #355891;
    font-size: 14px;
}

.form-inside-country label {
    position: relative;
}

.form-inside-country label .input {
    width: 100%;
    padding: 10px 10px 20px 10px;
    outline: 0;
    border: 1px solid #355891;
    border-radius: 5px;
}

.form-inside-country label .input + span {
    position: absolute;
    left: 10px;
    top: 15px;
    color: #355891;
    font-size: 0.9em;
    cursor: text;
    transition: 0.3s ease;
}

.form-inside-country label .input:placeholder-shown + span {
    top: 15px;
    font-size: 0.9em;
}

.form-inside-country label .input:focus + span,
.form label .input:valid + span {
    top: 30px;
    font-size: 0.7em;
    font-weight: 600;
}

.form-inside-country label .input:valid + span {
    color: rgb(0, 68, 128);
}

.input01 {
    width: 100%;
    padding: 10px 10px 20px 10px;
    outline: 0;
    border: 1px solid #355891;
    border-radius: 5px;
}

.form-inside-country label .input01 + span {
    position: absolute;
    left: 10px;
    top: 50px;
    color: #355891;
    font-size: 0.9em;
    cursor: text;
    transition: 0.3s ease;
}

.form-inside-country label .input01:placeholder-shown + span {
    top: 40px;
    font-size: 0.9em;
}

.form-inside-country label .input01:focus + span,
.form-inside-country label .input01:valid + span {
    top: 50px;
    font-size: 0.7em;
    font-weight: 600;
}

.form-inside-country label .input01:valid + span {
    color: green;
}

.fancy {
    background-color: white;
    border: 2px solid #355891;
    border-radius: 0px;
    box-sizing: border-box;
    color: #355891;
    cursor: pointer;
    display: inline-block;
    font-weight: 390;
    letter-spacing: 2px;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 8px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all 0.3s ease-in-out;
    user-select: none;
    font-size: 13px;
}

.fancy::before {
    content: " ";
    width: 1.7rem;
    height: 2px;
    background: #355891;
    top: 50%;
    left: 1.5em;
    position: absolute;
    transform: translateY(-50%);
    transform: translateX(230%);
    transform-origin: center;
    transition: background 0.3s linear, width 0.3s linear;
}

.fancy .text {
    font-size: 1.125em;
    line-height: 1.33333em;
    padding-left: 2em;
    display: block;
    text-align: left;
    transition: all 0.3s ease-in-out;
    text-transform: lowercase;
    text-decoration: none;
    color: #355891;
    transform: translateX(30%);
}

.fancy .top-key {
    height: 2px;
    width: 1.5625rem;
    top: -2px;
    left: 0.625rem;
    position: absolute;
    background: #355891;
    transition: width 0.5s ease-out, left 0.3s ease-out;
}

.fancy .bottom-key-1 {
    height: 2px;
    width: 1.5625rem;
    right: 1.875rem;
    bottom: -2px;
    position: absolute;
    background: #355891;
    transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy .bottom-key-2 {
    height: 2px;
    width: 0.625rem;
    right: 0.625rem;
    bottom: -2px;
    position: absolute;
    background: #355891;
    transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy:hover {
    color: #355891;
    background-image: linear-gradient(120deg, #4381e6 0%, #1297f0 100%);
}

.fancy:hover::before {
    width: 1.5rem;
    background: #fafbfc;
}

.fancy:hover .text {
    color: rgb(250, 252, 253);
    padding-left: 1.5em;
}

.fancy:hover .top-key {
    left: -2px;
    width: 0px;
}

.fancy:hover .bottom-key-1,
.fancy:hover .bottom-key-2 {
    right: 0;
    width: 0;
}
/***End COUNTRY (inside) content ***/

/*================================================
Services Details Area CSS
=================================================*/
.event-details-area {
    margin: 0 50px;
}

.services-details-information {
    position: sticky;
    top: 120px;
}

.services-details-information .services-list {
    padding-left: 0;
    margin-bottom: 0;
    background-color: #92c6f9;
    padding: 10px;
}

.services-details-information .services-list li {
    list-style-type: none;
}

.services-details-information .services-list li a {
    display: inline-block;
    padding: 20px 35px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #000;
    width: 100%;
}

.services-details-information .services-list li a:hover,
.services-details-information .services-list li a.active {
    background-color: #2c96f9;
    color: #fafafa;
}

/* .event-desc-content p {
	text-indent: 50px;
	line-height: 1.6;
     } */

.thesis-heading {
    text-align: center;
    padding: 50px 0 30px;
    color: #4fb1ed;
    font-weight: 500;
}

.thesis-head-paragraph {
    color: #575eaa;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 20px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .services-details-information {
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }

    .services-details-information .services-list li a {
        font-size: 13px;
        padding: 15px 20px;
    }

    .event-desc-content p {
        text-indent: 20px;
        font-size: 14px;
    }

    .thesis-heading {
        font-size: 20px;
        padding: 30px 0 15px;
    }

    .thesis-head-paragraph {
        font-size: 16px;
    }
}

@media (max-width: 680px) {
    .event-details-area {
        margin: 0 10px;
    }

    .services-details-information .services-list li a {
        font-size: 12px;
    }
}

/***Artificial intelligence(ai) ***/
.resume .resume-item {
    padding: 0 0 20px 20px;
    margin-top: -2px;
    border-left: 2px solid #65caf3;
    position: relative;
}

.resume .resume-item h4 {
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #6392f7;
    margin-bottom: 10px;
}

/* .resume .resume-item h5 {
  font-size: 16px;
  background: #effbf9;
  padding: 5px 15px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 10px;
  color: #34b7a7;
} */

.resume .resume-item ul {
    padding-left: 20px;
}

.resume .resume-item ul li {
    padding-bottom: 10px;
}

.resume .resume-item:last-child {
    padding-bottom: 0;
}

.resume .resume-item::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    left: -9px;
    top: 0;
    background: #fff;
    border: 2px solid #3d73f3;
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

#ai-list li {
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    font-family: "Source Sans Pro" !important;
}
#ai-list i {
    color: #6cb2f4;
}
#ai-list li {
    color: rgb(17, 17, 17);
    list-style: none;
    margin: 30px 20px 20px 40px;
}

.areas-Artificial-intelligence {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    padding: 32px;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.areas-Artificial-intelligence-approch {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    color: #e8e8e8;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.areas-Artificial-intelligence::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5px;
    height: 100%;
    background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.areas-Artificial-intelligence:hover::before {
    width: 100%;
}

.areas-Artificial-intelligence:hover {
    box-shadow: none;
}

.areas-Artificial-intelligence:hover .btn {
    color: #212121;
    background: #e8e8e8;
}
.fa-share {
    font-size: 18px;
    color: #0a85d1;
}
.section-title-ai {
    text-align: center;
}

.section-title-ai h2 {
    color: #575eaa;
    padding-bottom: 30px;
}
.selection-Artificial-Intelligence {
    background-image: linear-gradient(to bottom, #dfe9f3 0%, white 100%);
}

.box-ai {
    --border-size: 3px;
    --border-angle: 0turn;
    color: #f8f7f7;
    align-items: center;
    text-align: center;
    padding: 20px;

    /* width: 60vmin;
	height: 50vmin; */
    background-image: conic-gradient(
            from var(--border-angle),
            rgba(120, 191, 226, 0.682),
            rgba(186, 222, 241, 0.752) 50%,
            rgb(190, 225, 245)
        ),
        conic-gradient(
            from var(--border-angle),
            transparent 20%,
            #08f,
            rgb(17, 0, 255)
        );
    background-size: calc(100% - (var(--border-size) * 2))
            calc(100% - (var(--border-size) * 2)),
        cover;
    background-position: center center;
    background-repeat: no-repeat;

    animation: bg-spin 3s linear infinite;
}
.box-ai p {
    padding-bottom: 20px;
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

.box-ai:hover {
    animation-play-state: paused;
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}
.consise-mtech {
    background: #55ccf4;
    position: relative;
    border: solid 2vw rgba(255, 255, 255, 0.415);
}

.consise-mtech h2 {
    padding-top: 30px;
}

.consise-mtech p {
    color: white;
    text-align: center;
    padding-bottom: 20px;
}

/*================================================
Services Details Area CSS(proposal of research)
=================================================*/

.research-proposal {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 85vh;
}

.popup-container {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: min(1200px, 90%);
    background: rgba(133, 133, 133, 0.2);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 12px;
    color: #fff;
    z-index: 30;
    transition: all 0.5s ease-in-out;
}

.popup-header {
    position: relative;
    display: flex;
    gap: 8px;
    font-weight: 600;
    padding: 15px 20px 10px;
    font-size: 1.2rem;
}

.popup-body {
    color: #f7f7f7;
    height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px 50px;
}
.research-paragraph {
    color: #01010c;
    font-style: italic;
}
.popup.maximized .popup-body {
    height: 100vh;
}

.popup-body::-webkit-scrollbar {
    width: 0.7rem;
}

.popup-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0.375rem rgb(79, 78, 78);
    border-radius: 0.8rem;
}

.popup-body::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0.375rem rgba(238, 238, 238, 0.9);
    outline: none;
    border-radius: 0.8rem;
}

/* ------ */
/* ABOUT */

.about-container {
    display: grid;
    grid-template-columns: 40% 50%;
    gap: 30px;
    place-items: center;
}

.about-container h3 {
    margin-bottom: 20px;
    line-height: 1.4;
    color: rgb(87, 94, 170);
}

.about-container p {
    text-align: justify;
    line-height: 1.6;
    font-size: 1.1rem;
}

.about-container .img-frame {
    overflow: hidden;
    width: 350px;
    border-radius: 8px;
    box-shadow: rgba(62, 63, 168, 0.8) 0px 10px 30px 8px,
        rgba(62, 63, 168, 0.8) 0px 0px 0px 2px;
}

.about-container .img-frame img {
    aspect-ratio: 6/7;
    object-fit: cover;
    transition: transform 1s;
}

.about-container .img-frame:hover img {
    transform: rotate(4deg) scale(1.25);
}

@media (max-width: 900px) {
    .popup-body {
        padding: 30px;
    }
}

@media (max-width: 750px) {
    .about-container {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 4fr;
        grid-template-areas:
            "img-frame"
            "hero-content";
        padding: 160px 30px 50px;
    }

    .about-container .img-frame {
        grid-area: img-frame;
        width: 230px;
        aspect-ratio: 1/1;
    }

    .hero-content {
        grid-area: hero-content;
        margin-top: 110px;
        text-align: center;
    }

    .about-container h1 {
        margin-bottom: 16px;
    }
}

/* @media (max-width: 600px) {*/
/*.card {*/
/*  height: 280px;*/
/*}*/

/*.user-info h2 {*/
/*  font-size: 0.9rem;*/
/*}*/
/* }*/

@media (max-width: 480px) {
    .about-container .img-frame {
        grid-area: img-frame;
        width: 180px;
        aspect-ratio: 1/1;
    }

    .all-projects img {
        height: 180px;
    }
}

.bigdata-feedback-area {
    background-image: linear-gradient(
        to bottom,
        #d1e1f9,
        #c9dff9,
        #c1ddf8,
        #b8dcf7,
        #afdaf6
    );
}
.single-feedback-box {
    position: relative;

    margin-left: 25px;
    margin-top: 25px;
    margin-bottom: 30px;
}
.single-feedback-box .feedback-desc {
    background-color: #fff;
    border-radius: 5px;
    background-image: linear-gradient(
        to right top,
        #7eaaec,
        #6ea6ec,
        #5ba3ec,
        #429fec,
        #129ceb
    );
    position: relative;
    z-index: 1;
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-top: 40px;
}

.single-feedback-box .feedback-desc p {
    margin-bottom: 0;
    position: relative;
    color: #0e314c;
}
.single-feedback-box .feedback-desc p::before {
    content: '"';
    position: relative;
    display: inline-block;
    left: 0;
    color: #0e314c;
}
.single-feedback-box .feedback-desc p::after {
    content: '"';
    position: relative;
    display: inline-block;
    right: 0;
    color: #0e314c;
}
.single-feedback-box .feedback-desc::before {
    content: "";
    position: absolute;
    left: 35px;
    bottom: -12px;
    width: 25px;
    height: 25px;
    z-index: -1;
    background-color: whitesmoke;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.factor-proposal-list li {
    padding-bottom: 20px;
    color: #000;
}
.factor-proposal-list-thesis li {
    padding-bottom: 40px;
    color: #000;
}

.neon {
    --border: 4px;
    --bg: white;
    color: white;
    padding: 1rem 2rem;
    position: relative;
    background: var(--bg);
    border-radius: 20px;
    width: 100%;
}
.neon h2 {
    text-align: center;
    color: #575eaa;
    padding-bottom: 50px;
}
.neon p {
    padding-bottom: 30px;
    padding-left: 40px;
}
.fa-caret-right {
    font-size: 30px;
    color: #6cb2f4;
}

@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
@property --color {
    syntax: "<color>";
    initial-value: blue;
    inherits: false;
}
.v1::before,
.v1::after {
    content: "";
    position: absolute;
    inset: calc(var(--border) * -1);

    background-image: conic-gradient(from var(--angle), red, var(--color), red);
    z-index: -1;
    border-radius: inherit;
    animation: neon-rotate 5s linear infinite;
}
.v1::before {
    filter: blur(1rem);
    opacity: 0.5;
}
@keyframes neon-rotate {
    from {
        --angle: 0deg;
        --color: blue;
    }
    50% {
        --color: green;
    }
    to {
        --angle: 360deg;
        --color: blue;
    }
}

/* From Uiverse.io by gharsh11032000 */
.card-paper-rejection {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 470px; */
    width: 100%;
    border-radius: 24px;
    line-height: 1.6;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}

.content-paper-rejection {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
    border-radius: 22px;
    color: #ffffff;
    overflow: hidden;
    background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}

.content-paper-rejection::before {
    position: absolute;
    content: "";
    top: -4%;
    left: 50%;
    width: 90%;
    height: 90%;
    transform: translate(-50%);
    background: #ced8ff;
    z-index: -1;
    transform-origin: bottom;

    border-radius: inherit;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}

.content-paper-rejection::after {
    position: absolute;
    content: "";
    top: -8%;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%);
    background: #e7ecff;
    z-index: -2;
    transform-origin: bottom;
    border-radius: inherit;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}

.content-paper-rejection .para-paper-rejection {
    z-index: 1;
    opacity: 1;
    font-size: 14px;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}

.content-paper-rejection .link {
    z-index: 1;
    color: #fea000;
    text-decoration: none;
    font-family: inherit;
    font-size: 16px;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}

.content-paper-rejection .link:hover {
    text-decoration: underline;
}

.card-paper-rejection:hover {
    transform: translate(0px, -8px);
}

.card-paper-rejection:hover .content-paper-rejection::before {
    rotate: -8deg;
    top: 0;
    width: 100%;
    height: 100%;
}

.card-paper-rejection:hover .content-paper-rejection::after {
    rotate: 8deg;
    top: 0;
    width: 100%;
    height: 100%;
}

/* Mobile view adjustments */
@media (max-width: 767px) {
    .card-paper-rejection {
        width: 100%;
    }
    .content-paper-rejection {
        padding: 16px;
    }
    .content-paper-rejection h3 {
        font-size: 18px;
    }
    .content-paper-rejection .para-paper-rejection {
        font-size: 12px;
    }
}

.card-research-paper {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 0px;
    position: relative;
    margin-bottom: 1.56rem;
}
.card-research-paper {
    position: relative;
    background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0px;
    overflow-wrap: break-word;
    background-color: rgb(248, 248, 248);
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.57rem;
}
.bg-primary {
    background-color: rgb(240, 194, 75) !important;
}
.mb-9 {
    margin-bottom: 4.96rem !important;
}

.card-icon-border-large {
    width: 100px;
    height: 100px;
    margin: -3.06rem auto 0px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border: 6px solid #5772c9;
    border-radius: 50%;
    font-size: 1.88rem;
    line-height: 90px;
    color: rgb(102, 102, 102);
}
.card-icon-border-large i {
    color: #5772c9;
}
.mtn-80 {
    margin-top: -5rem !important;
}
.font-normal {
    font-size: 16px;
}
.border-primary {
    border-color: rgb(240, 194, 75) !important;
}

.text-primary {
    color: rgb(240, 194, 75) !important;
}

.bg-success {
    background-color: rgb(181, 213, 106) !important;
}
.border-success {
    border-color: rgb(181, 213, 106) !important;
}
.text-success {
    color: rgb(181, 213, 106) !important;
}

.bg-danger {
    background-color: rgb(234, 112, 102) !important;
}
.border-danger {
    border-color: rgb(234, 112, 102) !important;
}
.text-danger {
    color: rgb(234, 112, 102) !important;
}

.bg-info {
    background-color: rgb(132, 190, 214) !important;
}
.border-info {
    border-color: rgb(132, 190, 214) !important;
}
.text-info {
    color: rgb(132, 190, 214) !important;
}

.bg-purple {
    background-color: rgb(165, 151, 231) !important;
}
.border-purple {
    border-color: rgb(165, 151, 231) !important;
}
.text-purple {
    color: rgb(165, 151, 231) !important;
}

.bg-pink {
    background-color: rgb(234, 119, 173) !important;
}
.border-pink {
    border-color: rgb(234, 119, 173) !important;
}
.text-pink {
    color: rgb(234, 119, 173) !important;
}

.Significance-writing {
    border-radius: 30px;
    background: rgb(225, 223, 223);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 50px -12px inset,
        rgba(0, 0, 0, 0.3) 0px 18px 26px -18px inset;

    padding: 35px;
}
.significance-para {
    padding-bottom: 30px;
    padding-left: 30px;
}
.significance-para i {
    font-size: 20px;
    color: #129ceb;
}
.team-work {
    background: linear-gradient(
        90deg,
        rgba(176, 215, 237, 1) 46%,
        rgba(87, 133, 201, 0.9080882352941176) 100%
    );
}
.thesis-manuscript {
    background: linear-gradient(
        to bottom,
        rgba(176, 219, 237, 1) 76%,
        rgba(249, 242, 172, 0.3310574229691877) 100%
    );
}
.our-objective-heading-thesis {
    color: #575eaa;
    text-align: center;
    font-style: italic;
}
/*================================================
End Services Details Area CSS
=================================================*/
/* -----service - Journal publication -------- */
.our-support-scholar {
    margin: 0px 70px 0px 70px;
    border-radius: 30px;
    background-image: linear-gradient(-225deg, #7de2fc 0%, #b9b6e5 100%);

    padding: 35px;
}
.support-scholar-para {
    padding-bottom: 30px;
    padding-left: 30px;
    color: #000;
}
.support-scholar-para i {
    font-size: 20px;
    color: #129ceb;
}
@media (max-width: 600px) {
    .our-support-scholar {
        margin: 0px 20px 0px 20px;
    }
}

.tilesWrap {
    padding: 0;
    margin: 50px auto;
    list-style: none;
    text-align: center;
}
.tilesWrap li {
    display: inline-block;
    width: 20%;
    width: 570px;
    /* max-width: 230px; */
    padding: 80px 20px 40px;
    height: 300px;
    position: relative;
    vertical-align: top;
    margin: 10px;
    font-family: "helvetica", san-serif;
    min-height: 25vh;
    /* background: #262a2b; */
    border: 1px solid #252727;
    text-align: left;
}
.tilesWrap li h5 {
    font-size: 114px;
    margin: 0;
    position: absolute;
    opacity: 0.2;
    top: 50px;
    right: 10px;
    transition: all 0.3s ease-in-out;
}
.tilesWrap li h6 {
    font-size: 24px;
    color: #00010e;
    margin-bottom: 25px;
}
.tilesWrap li p {
    font-size: 16px;
    line-height: 18px;
    color: #0a0000;
    margin-top: 5px;
}

.tilesWrap li:hover h5 {
    top: 0px;
    opacity: 0.6;
}

.tilesWrap li:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    background: #fff;
    transform: skew(2deg, 2deg);
}
.tilesWrap li:after {
    content: "";
    position: absolute;
    width: 40%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.02);
}
.tilesWrap li:nth-child(1):before {
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}
.tilesWrap li:nth-child(2):before {
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.tilesWrap li:nth-child(3):before {
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.tilesWrap li:nth-child(4):before {
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}
.relevant-journal-head {
    text-align: center;
    color: #575eaa;
    padding-bottom: 20px;
}
@media (max-width: 450px) {
    .tilesWrap li {
        width: 300px;
    }
}

.button-our-service {
    --main-color: rgb(9, 42, 148);
    --main-bg-color: rgba(46, 63, 213, 0.36);
    --pattern-color: rgba(46, 104, 213, 0.073);

    /* change this rotation value */
    filter: hue-rotate(0deg);

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5rem;
    background: radial-gradient(
            circle,
            var(--main-bg-color) 0%,
            rgba(0, 0, 0, 0) 95%
        ),
        linear-gradient(var(--pattern-color) 1px, transparent 1px),
        linear-gradient(to right, var(--pattern-color) 1px, transparent 1px);
    background-size: cover, 15px 15px, 15px 15px;
    background-position: center center, center center, center center;
    border-image: radial-gradient(
            circle,
            var(--main-color) 0%,
            rgba(0, 0, 0, 0) 100%
        )
        1;
    border-width: 1px 0 1px 0;
    color: var(--main-color);
    padding: 1rem 3rem;
    font-weight: 400;
    font-size: 1.2rem;
    transition: background-size 0.2s ease-in-out;
}
/* -----End service - Journal publication -------- */
/* -----service - Impementation Service -------- */

.container-reason {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 20px;
}

.container-reason > * {
    width: 100%;
    border: solid 1px #bebebe;
    background-image: linear-gradient(
        to right top,
        #aae8f6,
        #c3e9fc,
        #d9eafb,
        #e9edf7,
        #f2f2f2
    );
    border-radius: 10px;
    padding: 20px;
    color: #f69d3c;
    box-shadow: 0px 8px 20px -10px #bbbbbb;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative;
}

.card3 h3 {
    font-size: 2.2em;
}

.card3 p {
    font-size: 1.1em;
}

/* Responsive adjustments for smaller screens */
@media only screen and (max-width: 600px) {
    .container-reason {
        padding: 10px;
    }

    .container-reason > * {
        /* padding: 15px; */
        font-size: 0.9em;
    }

    .card3 h3 {
        font-size: 1em;
    }

    .card3 p {
        font-size: 0.85em;
    }
}
.ri-arrow-right-circle-fill {
    color: #575eaa;
    font-size: 27px;
}

/* ----- End service - implementation service -------- */

/* -----service - Thesis Writing Services -------- */
.card-choose-us {
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 1rem;

    padding: 1rem;
    /* width: 19rem; */
    /* background-color: hsla(240, 15%, 9%, 1); */
    background-image: linear-gradient(
        to bottom,
        #86c4ee,
        #7abae7,
        #6eb0df,
        #63a6d8,
        #579cd1
    );

    border-radius: 1rem;
    box-shadow: 0px -16px 24px 0px rgba(255, 255, 255, 0.25) inset;
}
.card-choose-us p {
    color: black;
}
.card .card__border {
    overflow: hidden;
    pointer-events: none;

    position: absolute;
    z-index: -10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-image: linear-gradient(
        0deg,
        hsl(0, 0%, 100%) -50%,
        hsl(0, 0%, 40%) 100%
    );

    border-radius: 1rem;
}
.fa-share-square {
    color: #3c4e5a;
}
.card .card__border::before {
    content: "";
    pointer-events: none;

    position: fixed;
    z-index: 200;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%), rotate(0deg);
    transform-origin: left;

    width: 200%;
    height: 10rem;
    background-image: linear-gradient(
        0deg,
        hsla(0, 0%, 100%, 0) 0%,
        hsl(189, 100%, 50%) 40%,
        hsl(189, 100%, 50%) 60%,
        hsla(0, 0%, 40%, 0) 100%
    );

    animation: rotate 8s linear infinite;
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}
.card__list {
    padding-left: 340px;
}
.card__list .card__list_item {
    padding-bottom: 20px;
}
.card__list .card__list_item i {
    font-size: 20px;
}

@media only screen and (max-width: 900px) {
    .card__list {
        padding-left: 70px;
    }
}

.card-stages {
    border: none;
    background: #eee;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

.card-stages:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #e1bee7;
    transform: scaleY(1);
    transition: all 0.5s;
    transform-origin: bottom;
}

.card-stages:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #8e24aa;
    transform: scaleY(0);
    transition: all 0.5s;
    transform-origin: bottom;
}

.card-stages:hover::after {
    transform: scaleY(1);
}

.fonts-stages {
    font-size: 18px;
}
.list-developing-research {
    padding-left: 30px;
}
.list-developing-research li {
    padding-bottom: 20px;
    color: #000;
}

.unique-topic {
    background-image: linear-gradient(
        to top,
        #dad4ec 0%,
        #dad4ec 1%,
        #f3e7e9 100%
    );
    padding: 40px;
}

.section_our_solution .row {
    align-items: center;
}

.our_solution_category {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.our_solution_category .solution_cards_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.solution_cards_box .solution_card {
    flex: 0 50%;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
        0 5px 15px 0 rgba(37, 44, 97, 0.15);
    border-radius: 15px;
    margin: 8px;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 500px;
    transition: 0.7s;
}

.solution_cards_box .solution_card:hover {
    background: #309df0;
    color: #fff;
    transform: scale(1.1);
    z-index: 9;
}

.solution_cards_box .solution_card:hover::before {
    background: rgb(85 108 214 / 10%);
}

.solution_cards_box .solution_card:hover .solu_title h3,
.solution_cards_box .solution_card:hover .solu_description p {
    color: #fff;
}

.solution_cards_box .solution_card:before {
    content: "";
    position: absolute;
    background: rgb(85 108 214 / 5%);
    /* width: 170px;
	height: 400px; */
    z-index: -1;
    transform: rotate(42deg);
    right: -56px;
    top: -23px;
    border-radius: 35px;
}

.solution_card .solu_title div {
    color: #212121;
    font-size: 1.3rem;
    margin-top: 13px;
    margin-bottom: 13px;
}

.solution_card .solu_description p {
    font-size: 15px;
    margin-bottom: 15px;
}

.our_solution_content div {
    text-transform: capitalize;
    margin-bottom: 1rem;
    font-size: 2.5rem;
}

.hover_color_bubble {
    position: absolute;
    background: rgb(54 81 207 / 15%);
    width: 100rem;
    height: 100rem;
    left: 0;
    right: 0;
    z-index: -1;
    top: 16rem;
    border-radius: 50%;
    transform: rotate(-36deg);
    left: -18rem;
    transition: 0.7s;
}

.solution_cards_box .solution_card:hover .hover_color_bubble {
    top: 0rem;
}

/*start media query*/
@media screen and (min-width: 320px) {
    .sol_card_top_3 {
        position: relative;
        top: 0;
    }

    .our_solution_category {
        width: 100%;
        margin: 0 auto;
    }

    .our_solution_category .solution_cards_box {
        flex: auto;
    }
    .solution_cards_box .solution_card {
        min-height: 650px;
    }
}

@media only screen and (min-width: 768px) {
    .our_solution_category .solution_cards_box {
        flex: 1;
    }
    .solution_cards_box .solution_card {
        min-height: 350px;
    }
}

@media only screen and (min-width: 1024px) {
    .sol_card_top_3 {
        position: relative;
        top: -3rem;
    }

    .our_solution_category {
        width: 80%;
        margin: 0 auto;
    }
    .solution_cards_box .solution_card {
        min-height: 550px;
    }
}
.journey-map {
    background-image: linear-gradient(120deg, #fdfbfb 0%, #e9f1f5e3 100%);
}
.fa-check-square {
    font-size: 20px;
    color: #575eaa;
}
.thesis-writing-subhead {
    color: #575eaa;
}
.overview-thesis {
    background-image: linear-gradient(-225deg, #fffeff 0%, #b9d7fa 100%);
}

#ai-list {
    padding-top: 30px;
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    font-family: "Source Sans Pro" !important;
}
#ai-list i {
    color: #6cb2f4;
}
#block_content {
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: left;
    background-color: #a0d2e66f;
}

.blockstyle {
    overflow: hidden;
    background-color: #fafafa;
    padding: 50px !important;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 60px;
}
.single-services-box {
    background: #faacee;
}
.single-services-boxs {
    background: #fff;
}
.ol-cards,
.ol-cards * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.ol-cards {
    --flapWidth: 2rem;
    --flapHeigth: 1rem;
    --iconSize: 3rem;
    --numberSize: 3rem;
    --colGapSize: 2rem;
    width: min(100%, 40rem);
    margin-inline: auto;
    display: grid;
    gap: 2rem;
    padding-inline-start: var(--flapWidth);
    font-family: sans-serif;
    color: #222;
    list-style: none;
}
.ol-cards > li {
    display: grid;
    grid-template-areas:
        "icon title nr"
        "icon descr nr";
    gap: 0 var(--colGapSize);
    align-items: center;
    padding: var(--colGapSize) var(--flapWidth) var(--colGapSize) 0;
    border-radius: 1rem 5rem 5rem 1rem;
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
}

.ol-cards > li > .icon {
    grid-area: icon;
    background: var(--accent-color);
    color: white;
    font-size: var(--iconSize);
    width: calc(2 * var(--flapWidth) + var(--iconSize));
    padding-block: 1rem;
    border-radius: 0 5rem 5rem 0;
    margin-inline-start: calc(-1 * var(--flapWidth));
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    position: relative;
    display: grid;
    place-items: center;
}
.ol-cards > li > .icon::before {
    content: "";
    position: absolute;
    width: var(--flapWidth);

    height: calc(100% + calc(var(--flapHeigth) * 2));
    left: 0;
    top: calc(var(--flapHeigth) * -1);
    clip-path: polygon(
        0 var(--flapHeigth),
        100% 0,
        100% 100%,
        0 calc(100% - var(--flapHeigth))
    );
    background-color: var(--accent-color);
    background-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0.2)
    );
    z-index: -1;
}

.ol-cards > li > .title {
    grid-area: title;
    font-weight: 600;
    font-size: 1.25rem;
}
.ol-cards > li > .descr {
    grid-area: descr;
}
.ol-cards > li::after {
    grid-area: nr;
}
@media (max-width: 40rem) {
    .ol-cards {
        --flapWidth: 1rem;
        --flapHeigth: 0.5rem;
        --iconSize: 2rem;
        --numberSize: 2rem;
        --colGapSize: 1rem;
    }
}
.fa-certificate {
    font-size: 20px;
    color: #575eaa;
}
.marking {
    color: purple;
}
.button-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.project-button {
    padding: 0.8em 1.75em;
    background-color: transparent;
    border-radius: 6px;
    color: black;
    border: 0.3px solid rgb(105, 183, 255);
    background-image: linear-gradient(
        to top,
        #cbedfd 0%,
        #17b2fa 1%,
        #ccf2f8 100%
    );
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    font-weight: 300;
    font-size: 17px;
    font-family: "Roboto", "Segoe UI", sans-serif;
    text-transform: uppercase;
}

.project-button::after,
.project-button::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    transform: skew(90deg) translate(-50%, -50%);
    position: absolute;
    color: black;
    inset: 50%;
    z-index: -1;
    transition: 0.5s ease-out;
    background-image: linear-gradient(
        to top,
        #9abaff 0%,
        #daf0f1 99%,
        #cfdafe 100%
    );
}

.project-button::before {
    top: -50%;
    left: -25%;
    transform: skew(90deg) rotate(180deg) translate(-50%, -50%);
}

.project-button:hover::before {
    transform: skew(5deg) rotate(180deg) translate(-50%, -50%);
}

.project-button:hover::after {
    transform: skew(1deg) translate(-50%, -50%);
}

.project-button:hover {
    color: black;
}

.project-button:active {
    filter: brightness(0.7);
    transform: scale(0.98);
}
.blink-quates-bg {
    background-color: #90d1f1cb;
    border-radius: 50px;
}
.blink-quates {
    text-shadow: 0 0 5px #000a11, 0 0 15px #00ccff, 0 0 20px #ffffff,
        0 0 40px #ffffff, 0 0 60px #ffffff, 0 0 10px #5900ff, 0 0 98px #e100ff;
    color: #ffffff;
    font-family: "Sacramento", cursive;
    text-align: center;
    animation: blink 12s infinite;
    -webkit-animation: blink 12s infinite;
}
.phd-assistance-link {
    background-color: #a2d1ee73;
}
.bold-thesis {
    font-size: 20px;
    color: #575eaa;
}

.alternate {
    width: min(400px, 100% - 2rem);
    margin-inline: auto;
    list-style: none;
    display: grid;
    font-family: system-ui, sans-serif;
    color: white;
    counter-reset: liCount;
    gap: 1rem; /* Add spacing between list items */
}

.alternate > li {
    --number-size: 3rem;
    --padding-inline: 1.5rem; /* Reduced padding for smaller screens */
    --padding-block: 0.5rem;
    margin-block: var(--padding-block);
    padding: var(--padding-block) var(--padding-inline);
    background-color: var(--accent-color);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: dense;
    align-items: center;
    gap: calc(1rem + var(--padding-block));
    border-radius: 100vmax;
    box-shadow: inset 0.15rem 0.15rem hsl(0 0% 0% / 0.125),
        inset 0.5rem 0.5rem 1rem hsl(0 0% 0% / 0.5),
        inset -0.15rem -0.15rem hsl(0 0% 100% / 0.75);
    position: relative;
    isolation: isolate;
    counter-increment: liCount;
    font-size: 20px;
}

.alternate > li::before {
    content: ""; /* Clear counter content */
    font-size: var(--number-size);
    color: var(--accent-color);
    width: var(--number-size);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 100vmax;
    background-color: #e6e7e9;
    box-shadow: inset 0.05rem 0.05rem hsl(0 0% 100% / 0.75),
        0.25rem 0.25rem 0.5rem hsl(0 0% 0% / 0.5),
        inset -0.05rem -0.05rem hsl(0 0% 0% / 0.125);
}

/* Add classes for each icon */
.alternate > li:nth-child(1)::before {
    font-family: "Font Awesome 5 Free"; /* Use Font Awesome */
    font-weight: 900; /* Required for some Font Awesome icons */
    content: "\f1ce"; /* Unicode for a rocket icon */
}

.alternate > li:nth-child(2)::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1ce"; /* Unicode for a rocket icon */
}

.alternate > li:nth-child(3)::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1ce"; /* Unicode for a rocket icon */
}

.alternate > li:nth-child(4)::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1ce"; /* Unicode for a rocket icon */
}

.alternate > li:nth-child(5)::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1ce"; /* Unicode for a rocket icon */
}
.alternate > li:nth-child(6)::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1ce"; /* Unicode for a rocket icon */
}
/* Responsive adjustments for smaller screens */
@media screen and (max-width: 768px) {
    .alternate {
        width: 90%; /* Make it fit the screen width */
    }

    .alternate > li {
        --number-size: 2.5rem; /* Reduce size for numbers */
        --padding-inline: 1rem; /* Decrease padding for smaller viewports */
        --padding-block: 0.5rem; /* Adjust block padding */
        font-size: 0.9rem; /* Adjust font size for readability */
    }

    .alternate > li::before {
        font-size: calc(var(--number-size) / 2);
    }
}

@media screen and (max-width: 480px) {
    .alternate > li {
        --number-size: 2rem; /* Further reduce size for very small screens */
        --padding-inline: 0.5rem; /* Minimize inline padding */
        gap: 0.5rem; /* Adjust spacing */
        font-size: 0.8rem; /* Smaller font for better fit */
    }

    .alternate > li::before {
        font-size: calc(var(--number-size) / 2);
    }
}
/* ----- End service - Thesis Writing Services -------- */
/* -----  service - research paper writing service -------- */
.our-guarntes-research {
    min-height: 100vh;
    display: grid;
    align-content: center;
    gap: 2rem;
    padding: 2rem;
    font-family: "Exo 2", sans-serif;
    color: rgba(30, 30, 30);
    background: rgba(245, 245, 245);
}
.Guarantees-research-paper {
    width: min(60rem, 90%);
    margin-inline: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;
    list-style: none;
    counter-reset: stepnr;
}

.Guarantees-research-paper-list:nth-child(6n + 1) {
    --accent-color: #b8df4e;
}
.Guarantees-research-paper-list:nth-child(6n + 2) {
    --accent-color: #4cbccb;
}
.Guarantees-research-paper-list:nth-child(6n + 3) {
    --accent-color: #7197d3;
}
.Guarantees-research-paper-list:nth-child(6n + 4) {
    --accent-color: #ae78cb;
}
.Guarantees-research-paper-list:nth-child(6n + 5) {
    --accent-color: #7dc7a4;
}
.Guarantees-research-paper-list:nth-child(6n + 6) {
    --accent-color: #f078c2;
}

.Guarantees-research-paper-list {
    /* counter-increment: stepnr; */
    width: 16rem;
    --borderS: 2rem;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: calc(var(--borderS) + 2rem);
    position: relative;
}

.Guarantees-research-paper-list::before,
.Guarantees-research-paper-list::after {
    inset: 0;
    position: absolute;
    border-radius: 50%;
    border: var(--borderS) solid rgb(165, 220, 241);
}

.Guarantees-research-paper-list::before {
    /* content: counter(stepnr); */
    color: var(--accent-color);
    font-size: 2rem;
    font-weight: 700;
}

.Guarantees-research-paper-list::after {
    content: "";
    filter: drop-shadow(-0.25rem 0.25rem 0.0675rem rgba(0, 0, 0, 0.75))
        blur(5px);
}

.Guarantees-research-paper-list > * {
    width: 7.5rem;
}

.Guarantees-research-paper-list .icon {
    font-size: 2rem;
    color: var(--accent-color);
    text-align: center;
}

.Guarantees-research-paper-list .title {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
}

.tips-of-research-paper {
    padding: 20px;
    border: 10px solid transparent;
    border-radius: 10px;
    background-color: #fff; /* Use hex for consistency */
    box-sizing: border-box;
    box-shadow: 0 0 80px #abf4ec;
}

.Specialties-of-our-Research-paper {
    color: rgba(12, 12, 110, 0.76);
    font-size: 19px;
    font-style: italic;
}
/* ----- End service - research paper writing service -------- */
/* ----- Dissertation-------- */
.areas-Artificial-intelligence-dissertation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    padding: 32px;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.areas-Artificial-intelligence-approch-dissertation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    color: #e8e8e8;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.box-unique {
    --r: 20px; /* control the rounded part*/
    --s: 40px; /* control the size of the cut */
    --a: 40deg; /* control the depth of the curvature*/
    padding: 30px;
    color: #000;
    font-size: 20px;
    text-align: center;
    height: 120px;
    margin-block: 20px;
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    --_m: 0 / calc(2 * var(--r)) var(--r) no-repeat
        radial-gradient(50% 100% at bottom, #000 calc(100% - 1px), #0000);
    --_d: (var(--s) + var(--r)) * cos(var(--a));
    mask: calc(50% + var(--_d)) var(--_m), calc(50% - var(--_d)) var(--_m),
        radial-gradient(
                var(--s) at 50% calc(-1 * sin(var(--a)) * var(--s)),
                #0000 100%,
                #000 calc(100% + 1px)
            )
            0 calc(var(--r) * (1 - sin(var(--a)))) no-repeat,
        linear-gradient(
            90deg,
            #000 calc(50% - var(--_d)),
            #0000 0 calc(50% + var(--_d)),
            #000 0
        );
}
.bottom-unique {
    --_m: 100% / calc(2 * var(--r)) var(--r) no-repeat
        radial-gradient(50% 100% at top, #000 calc(100% - 1px), #0000);
    mask: calc(50% + var(--_d)) var(--_m), calc(50% - var(--_d)) var(--_m),
        radial-gradient(
                var(--s) at 50% calc(100% + sin(var(--a)) * var(--s)),
                #0000 100%,
                #000 calc(100% + 1px)
            )
            0 calc(var(--r) * (sin(var(--a)) - 1)) no-repeat,
        linear-gradient(
            90deg,
            #000 calc(50% - var(--_d)),
            #0000 0 calc(50% + var(--_d)),
            #000 0
        );
}

@media (max-width: 500px) {
    .box-unique {
        height: 180px;
        font-size: 17px;
    }
}

.agricultural-research {
    /* max-width: 60%;
	min-height: 40rem; */
    margin: 2rem auto;
    padding: 20px;
    background-color: transparent;
    border-radius: 8px;
    box-shadow: 0 4px 10px black;
    /* backdrop-filter: blur(2px); */
}

#chathistory {
    border: 1px solid black;
    padding: 10px;
    margin-top: 10px;
    /* height: 600px; */
    overflow-y: auto;
}

/* Timeline Container */
.timeline-wrapper {
    position: relative;
    margin-bottom: 100px;
    z-index: 1;
}

/* Timeline Line Styles */
.timeline-wrapper:before {
    display: block;
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    left: 1px;
    top: 0;
    border-right: 1px solid #5cc9df;
    z-index: -1;
}

.timeline-wrapper:after {
    display: block;
    content: "";
    position: absolute;
    width: 50%;
    height: 100px;
    left: 1px;
    bottom: -105px;
    border-right: 1px dashed #5cc9df;
    z-index: -1;
}

/* News Items */
.timeline-wrapper .timeline-news-item {
    padding-bottom: 45px;
}

.timeline-wrapper .timeline-news-item.position-right {
    float: right;
    margin-top: 40px;
}

/* News Content Box */
.timeline-wrapper .timeline-news-item .news-content-box {
    margin: 20px 30px 0 0;
    position: relative;
    padding: 30px;
    padding-left: 100px;
    background: #f5f5f5;
    border-radius: 10px;
    box-shadow: -5px 5px 0 rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-out;
}

/* Hover Effects for News Content */
.timeline-wrapper .timeline-news-item:hover .news-content-box {
    background: #5cc9df;
    color: #fff;
}

.timeline-wrapper .timeline-news-item.position-right .news-content-box {
    margin: 20px 0 0 30px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.08);
}

/* News Content Arrow */
.timeline-wrapper .timeline-news-item .news-content-box:after {
    display: block;
    content: "";
    position: absolute;
    top: 50px;
    right: -40px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left: 20px solid #f5f5f5;
    transition: border-left-color 0.3s ease-out;
}

.timeline-wrapper .timeline-news-item.position-right .news-content-box:after {
    left: -40px;
    right: auto;
    border-left: 20px solid transparent;
    border-right: 20px solid #f5f5f5;
    transition: border-right-color 0.3s ease-out;
}

/* News Content Hover Effects for Arrow */
.timeline-wrapper .timeline-news-item:hover .news-content-box:after {
    border-left-color: #5cc9df;
}

.timeline-wrapper
    .timeline-news-item.position-right:hover
    .news-content-box:after {
    border-left-color: transparent;
    border-right-color: #5cc9df;
}

/* Circular Pointer */
.timeline-wrapper .timeline-news-item .news-content-box:before {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: -55px;
    top: 60px;
    background: #5cc9df;
    border: 3px solid #fff;
    border-radius: 50%;
    transition: background 0.3s ease-out;
}

.timeline-wrapper .timeline-news-item.position-right .news-content-box:before {
    left: -55px;
    right: auto;
}

/* News Title and Paragraph */
.news-content-box .news-title-text {
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 30px;
    color: #575eaa;
}

.news-content-box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}

.alert-coupon {
    border: 1px dashed blue;
}
.alert-coupon h5 {
    font-size: 20px;
    line-height: 1.4;
    color: #575eaa;
    padding-top: 17px;
    padding-bottom: 27px;
}

.alert-coupon p {
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .alert-coupon {
        margin-bottom: 15px;
    }

    .section-title-heading h4 {
        font-size: 24px;
    }
}
/* Custom Table Styles */
.custom-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: "Source Sans Pro", sans-serif;
    color: #333;
}

.custom-table th,
.custom-table td {
    border: 1px solid black;
    padding: 18px;
}

.custom-table th {
    background-color: #f4f4f4;
    text-align: center;
    font-weight: 600;
}

.custom-table td {
    text-align: justify;
    font-size: 17px;
    color: black;
    font-weight: 400;
}

.custom-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.custom-table tr:hover {
    background-color: #f1f1f1;
}

/* Mobile-Friendly Table Layout */
@media screen and (max-width: 700px) {
    .custom-table,
    .custom-table tr,
    .custom-table td,
    .custom-table th {
        display: block;
    }

    .custom-table td {
        text-align: left;
        padding: 10px;
    }

    .custom-table tr {
        margin-bottom: 10px;
        border: 1px solid #ddd;
    }

    /* .custom-table th {
	    display: none;
	} */
}

.olcards,
.olcards * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.olcards {
    list-style: none;
    counter-reset: cardCount;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    --cardsGap: 1rem;
    gap: var(--cardsGap);
    padding-bottom: var(--cardsGap);
}

.olcards li {
    counter-increment: cardCount;
    display: flex;
    color: white;
    --labelOffset: 1rem;
    --arrowClipSize: 1.5rem;
    margin-top: var(--labelOffset);
    position: relative;
}

.olcards li::before {
    content: counter(cardCount, decimal-leading-zero);
    background: white;
    color: var(--cardColor);
    font-size: 2em;
    font-weight: 700;
    transform: translateY(calc(-1 * var(--labelOffset)));
    margin-right: calc(-1 * var(--labelOffset));
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: 0.5em;
}

.olcards li .content {
    background-color: var(--cardColor);
    --inlinePadding: 1em;
    --boxPadding: 0.5em;
    display: grid;
    padding: var(--boxPadding) calc(var(--inlinePadding) + var(--arrowClipSize))
        var(--boxPadding) calc(var(--inlinePadding) + var(--labelOffset));
    grid-template-areas:
        "title"
        "text";
    gap: 0.5em 1em;
    clip-path: polygon(
        0 0,
        calc(100% - var(--arrowClipSize)) 0,
        100% 50%,
        calc(100% - var(--arrowClipSize)) 100%,
        calc(100% - var(--arrowClipSize)) calc(100% + var(--cardsGap)),
        0 calc(100% + var(--cardsGap))
    );
    position: relative;
}

.olcards li .content .title {
    font-size: 1.35em;
    font-weight: bold;
}

.olcards li .content .text {
    font-size: 1em;
    line-height: 1.5;
}

/* Responsive Styles for Mobile */
@media (max-width: 768px) {
    .olcards {
        gap: 1.5rem;
    }

    .olcards li {
        flex-direction: column;
    }

    .olcards li::before {
        font-size: 1.5em;
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(10%, -50%);
    }

    .olcards li .content {
        clip-path: none; /* Simplifies shape for mobile */
        padding: 1rem;
        border-radius: 10px; /* Rounded corners for modern design */
    }

    .olcards li .content .title {
        font-size: 1.25em;
    }

    .olcards li .content .text {
        font-size: 0.95em;
    }
}

/* -----End  Dissertation-------- */

/* ----- Google Scholar-------- */
.subscribe {
    position: relative;
    /* height: 140px;
	width: 240px; */
    height: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    box-shadow: 0px 0px 60px 5px rgba(0, 0, 0, 0.2);
}

.subscribe:after {
    position: absolute;
    content: "";
    right: -10px;
    bottom: 18px;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #1a044e;
}

.subscribe p {
    text-align: center;
    font-size: 16px;
    /* font-weight: bold;
	letter-spacing: 4px; */
    line-height: 28px;
}

.subscribe input {
    position: absolute;
    bottom: 30px;
    border: none;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px;
    width: 82%;
    background: transparent;
    transition: all 0.25s ease;
}

.subscribe input:focus {
    outline: none;
    border-bottom: 1px solid #0d095e;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
        "sans-serif";
}

.subscribe .submit-btn {
    position: absolute;
    border-radius: 30px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background-color: #0f0092;
    color: #fff;
    padding: 12px 25px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 5px;
    right: -10px;
    bottom: -20px;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: -5px 6px 20px 0px rgba(26, 26, 26, 0.4);
}
/* -----End Google Scholar-------- */
/* -----project slider-------- */
:root {
    --surface-color: #3e9cf391;
    --curve: 40;
}
.heading-six {
    text-align: center;
    color: #575eaa;
    font-weight: 600;
    font-size: 32px;
}
/* .col-carousel {
		      margin: 70px 0;
	      } */
.owl-prev span,
.owl-next span {
    color: #050505;
}
.owl-prev span:hover,
.owl-next span:hover {
    color: #000607;
}
.owl-prev,
.owl-next {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.owl-prev {
    left: 7px;
}
.owl-next {
    right: 7px;
}
/* button:focus, button:active {
		      outline: none;
	      } */

.project-card {
    position: relative;
    display: block;
    height: 100%;
    border-radius: calc(var(--curve) * 1px);
    overflow: hidden;
    text-decoration: none;
}

.card__image {
    width: 100%;
    height: auto;
}

.card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-radius: calc(var(--curve) * 1px);
    background-color: var(--surface-color);
    transform: translateY(100%);
    transition: 0.2s ease-in-out;
}

.project-card:hover .card__overlay {
    transform: translateY(0);
}

.card__header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2em;
    padding: 2em;
    border-radius: calc(var(--curve) * 1px) 0 0 0;
    background-color: var(--surface-color);
    transform: translateY(-100%);
    transition: 0.2s ease-in-out;
}

.card__arc {
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: 1;
}

.card__arc path {
    fill: var(--surface-color);
    d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
}

.card:hover .card__header {
    transform: translateY(0);
}

.card__thumb {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.card__title {
    font-size: 1.3em;
    font-weight: 700;
    margin: 0 0 0.3em;
    color: #faf7f9;
}

.card__tagline {
    display: block;
    margin: 1em 0;
    font-family: "MockFlowFont";
    font-size: 0.8em;
    color: #ffffff;
}

.card__status {
    font-size: 0.8em;
    color: #fcfffe;
}

.card__description {
    padding: 0 2em 2em;
    margin: 0;
    color: #ffffff;
    font-family: "MockFlowFont";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* Mobile view adjustments */
@media only screen and (max-width: 768px) {
    .card__header {
        flex-direction: column;
        text-align: center;
    }
    .card__thumb {
        width: 40px;
        height: 40px;
    }
    .card__title {
        font-size: 0.9em;
    }
    .card__status {
        font-size: 0.75em;
    }
    .card__description {
        font-size: 0.9em;
    }
}
/* ----- end project slider-------- */

/* ----- Research paper editing -------- */
.heading-three {
    text-align: center;
    color: #575eaa;
    font-weight: 600;
    font-size: 32px;
}
.heading-four {
    text-align: center;
    color: #575eaa;
    font-weight: 600;
    font-size: 32px;
}
.heading-five {
    text-align: center;
    color: #575eaa;
    font-weight: 600;
    font-size: 32px;
}

.card-benefits {
    /* width: fit-content; */
    background-color: #d7d8db;
    border-radius: 0.75em;
    cursor: pointer;
    transition: ease 0.2s;
    box-shadow: 1em 1em 1em #d8dae0b1, -0.75em -0.75em 1em #ffffff;
    border: 1.5px solid #f2f3f7;
}

.card-benefits:hover {
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, 0.5),
        -4px -4px 6px 0 rgba(116, 125, 136, 0.5),
        inset -4px -4px 6px 0 rgba(255, 255, 255, 0.2),
        inset 4px 4px 6px 0 rgba(0, 0, 0, 0.4);
}

.text-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.25em;
    color: #333;
}

.time {
    font-size: 0.875em;
    color: #777;
}

/* ----- end Research paper editing-------- */
/* -----   Research paper writing-------- */
.span-heading {
    color: #575eaa;
    font-weight: 600;
    font-size: 16px;
}
.fa-share {
    color: #6cb2f4;
}
.fa-share-square-o {
    color: #6cb2f4;
}

.tips-of-research {
    background-color: #00ccff;
}

/* ----- end  Research paper writing-------- */

/* ----- start  Research paper writing-------- */
.accordion__wrapper-container {
    width: 100%;
    margin: auto;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1rem; /* Added padding for smaller screens */
}

.accordion__wrapper {
    background-color: #c8def7;
    box-shadow: 0px 60px 56px -12px rgba(9, 40, 163, 0.05);
    border-radius: 2.5rem;
    width: 100%;
    max-width: 60rem;
    padding: 2rem; /* Reduced padding for mobile */
}

.accordion__title {
    font-size: 1.5rem; /* Adjusted font size for mobile */
    font-weight: 700;
    color: #242e4c;
    text-align: center;
    margin-bottom: 2rem; /* Reduced margin */
}

.accordion {
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.459);
    padding-bottom: 1rem; /* Adjusted padding for better spacing */
    margin-bottom: 1.5rem; /* Reduced margin */
}

.accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    padding: 0.5rem; /* Added padding for better touch interaction */
}

.accordion__icon {
    background-color: #c768f3;
    width: 2rem; /* Reduced size for smaller screens */
    height: 2rem; /* Reduced size for smaller screens */
    display: flex;
    justify-content: center;
    services-listalign-items: center;
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
}

.accordion__question {
    font-size: 1rem; /* Adjusted font size for readability */
    font-weight: 500;
    color: #242e4c;
}

.accordion__answer {
    font-size: 0.9rem; /* Reduced font size */
    line-height: 1.5; /* Improved line spacing */
    padding: 1rem 0; /* Adjusted padding for spacing */
}

.accordion__content {
    overflow: hidden;
    height: 0;
    transition: height 0.4s ease-in-out;
}

@media screen and (min-width: 580px) {
    .accordion__wrapper {
        padding: 5rem 8rem; /* Restored larger padding for wider screens */
    }

    .accordion__title {
        font-size: 2rem; /* Increased font size for wider screens */
        margin-bottom: 4rem; /* Increased margin for better spacing */
    }
}

.cyan {
    --border-color: hsl(180, 62%, 55%);
    grid-area: 1 / 1 / 3 / 2;
    background: #cbeef7;
    background: radial-gradient(
        circle,
        rgba(203, 238, 247, 1) 7%,
        rgba(246, 252, 254, 1) 69%,
        rgba(255, 255, 255, 1) 69%
    );
}

.red {
    --border-color: hsl(0, 78%, 62%);
    background: #f7d2cb;
    background: radial-gradient(
        circle,
        rgba(247, 210, 203, 1) 7%,
        rgba(246, 252, 254, 1) 69%,
        rgba(255, 255, 255, 1) 69%
    );
}

.orange {
    --border-color: hsl(34, 97%, 64%);
    background: #f7edcb;
    background: radial-gradient(
        circle,
        rgba(247, 237, 203, 1) 7%,
        rgba(246, 252, 254, 1) 69%,
        rgba(255, 255, 255, 1) 69%
    );
}

.blue {
    --border-color: hsl(212, 86%, 64%);
    grid-area: 1 / 3 / 3 / 4;
    background: #d8cbf7;
    background: radial-gradient(
        circle,
        rgba(216, 203, 247, 1) 7%,
        rgba(246, 252, 254, 1) 69%,
        rgba(255, 255, 255, 1) 69%
    );
}
.pink {
    --border-color: green;
    background: #cbf7d7;
    background: radial-gradient(
        circle,
        rgba(203, 247, 215, 1) 7%,
        rgba(246, 252, 254, 1) 69%,
        rgba(255, 255, 255, 1) 69%
    );
}

.success-path {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}

.success-paths {
    max-width: 320px;
    margin: 0 auto;
    padding: 2rem;
    border-top: 5px solid var(--border-color);
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(23, 79, 138, 0.1);
}

.path_title {
    margin-bottom: 1rem;
    font-size: 1.3rem;
    font-weight: var(--fw-bold);
    color: #575eaa;
    text-align: center;
}

.path_content {
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
    text-align: justify;
}

@media (max-width: 768px) {
    .success-path {
        grid-template-columns: repeat(2, minmax(200px, 1fr));
        align-items: stretch;
    }

    .cyan {
        grid-area: auto;
    }

    .blue {
        grid-area: auto;
    }

    .card {
        max-width: 300px;
    }
}

@media screen and (max-width: 500px) {
    .success-path {
        grid-template-columns: repeat(1, minmax(200px, 1fr));
    }
}