body{
    font-family: "Raleway", sans-serif;
}
:root{
    --orange: #ff922f;
    --blue: #3a3b9d;
    --light-blue: #8d8ecf;
    --exlight-blue: #e0e0ff;
    --gray: #393939;
    --medium-gray: #4F4E55;
    --light-gray: #9D9D9D;
}
.main-heading{
    color: var(--gray);
    font-weight: 700;
    font-size: 38px;
}
.para-1{
    font-weight: 500;
}
/* ==== MAIN END ==== */

/* Scroll Top Btn */
#scroll-top-btn {
    display: inline-block;
    background-color: var(--blue);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-decoration: none;
}
#scroll-top-btn::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}
#scroll-top-btn:hover {
    cursor: pointer;
    background-color: #333;
}
#scroll-top-btn:active {
    background-color: #555;
}
#scroll-top-btn.show {
    opacity: 1;
    visibility: visible;
}
/* Scroll Top Btn end */


/* Top Section */
.top-section{
    padding: 0 70px;
    background-color: var(--blue);
}
.top-section p{
    color: white;
    font-size: 13px;
    font-weight: 600;
}
.top-section .social-icons i{
    margin: 0 10px;
    padding: 8px;
    border-radius: 50px;
    background-color: white;
    cursor: pointer;
}
.top-section .social-icons i:hover{
    color: var(--light-blue);
    transition: 0.3s ease;
}
/* Top Section end */

/* Sidebar */
.sidebar {
    height: 100vh;
    width: 280px;
    position: fixed;
    top: 0;
    left: -280px;
    z-index: 2;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}
.sidebar.show {
    left: 0;
}
.sidebar ul {
    padding: 0;
    list-style: none;
}
.sidebar .dropdown-menu{
    width: 280px !important;
}
.sidebar ul li {
    padding: 10px;
    border-bottom: 1px solid #9c9c9c48;
}
.sidebar ul li a{
    text-decoration: none;
    color: black;
    font-weight: 550;
}
.sidebar ul li a:focus{
    color: var(--light-blue);
}
.sidebar .navbar-toggler {
    z-index: 2;
}
.close-menu-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    background-color: var(--light-blue);
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
.black-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
    z-index: 1;
    display: none;
}
/* Sidebar end */

/* Navigation Bar */
.navbar{
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.navbar-brand .logo{
    width: 180px;
}
.navbar-nav .nav-link{
    margin: 0 8px;
    color: black !important;
    font-weight: 550;
    font-size: 15px;
}
.navbar-nav .nav-link:hover{
    color: var(--light-blue) !important;
    transition: 0.2s !important;
}
.navbar .dropdown-menu{
    padding-right: 10px;
    border: none;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.navbar .dropdown-menu  hr{
    margin: 3px 0;
    color: lightgray;
}
.navbar .dropdown-menu li a{
    color: black !important;
    font-weight: 550;
    font-size: 14px;
    transition: transform 0.5s ease;
}
.navbar .dropdown-menu li a:hover{
    background: none;
    color: var(--light-blue) !important;
    transition: 0.4s;
    transform: translateX(15px);
}
.navbar-toggler{
    border: 0;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus{
    outline: none;
    box-shadow: none;
    border: 0;
}
/* Navigation Bar end */

/* ============ Home Page ============ */
/* Header */
header{
    margin-top: 40px;
}
header h5{
    margin-top: 60px;
    background-color: var(--blue);
    color: white;
    width: fit-content;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 10px;
}
header span,
.form-col span{
    color: var(--blue);
}
header h1{
    width: 85%;
    font-size: 7vmin;
    font-weight: 700;
    color: var(--gray);
}
header p{
    color: black;
    line-height: 1.3;
    font-size: 15px;
    width: 85%;
}
header .review-logos img{
    width: 140px;
}
header .form-col{
    border-radius: 10px;
    padding: 25px 25px 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
header .form-col label{
    font-size: 13px;
    font-weight: 600;
}
header .form-col input{
    padding: 10px 0 10px 12px;
}
header .form-col input:focus,
header .form-col select:focus{
    border-color: var(--orange); /* Change the border color when input is focused */
    box-shadow: 0 0 0 0.2rem rgba(255, 140, 0, 0.25); /* Add a box shadow when input is focused */
}
header .form-col input::placeholder{
    font-size: 13px;
    color: var(--light-gray);
}
header .form-col select{
    padding: 13px 0 13px 12px;
    font-size: 13px;
    color: var(--light-gray);
}
header .form-col h3{
    text-align: center;
    font-weight: 700;
}
header .form-col .main-btn-2{
    border-radius: 10px;
    padding: 9px ;
    width: 100%;
}
header .form-col .main-btn-2:after {
    border-radius: 5px;
}
header .form-col .main-btn-2:before {
    border-radius: 5px ;

}
/* Header end */

/* Counter up */
.counter-section{
    margin-top: 100px;
    background-color: var(--blue);
    padding: 35px;
    border-radius: 20px;
    width: 88%;
}

.counter-section h1{
    font-size: 45px;
    color: white;
    font-weight: 750;
}
.counter-section p{
    color: #fff;
    text-align: center;
    font-weight: 600;
}
.counter-section span{
    color: white;
    font-size: 50px;
    padding: 0 !important;
    font-weight: 600;
}
.counter-section .col_1 .plus{
    font-size: 40px;
}
/* Counter end */

/* Choose us */
.choose-us{
    margin-top: 100px;
}
.choose-us h5{
    color: var(--blue);
    text-align: center;
    font-weight: 600;
}
.choose-us .box{
    height: 240px;
    width: 100%;
    padding: 20px 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin: auto;
}
.choose-us .box-1{
    border-top: 3px solid  var(--gray)
}
.choose-us .box-2{
    border-top: 3px solid var(--blue);
}
.choose-us .box .icon{
    background-color: var(--blue);
    padding: 6px;
    border-radius: 8px;
}
.choose-us .box .icon-2{
    background-color: #393939;
    padding: 6px;
    border-radius: 8px;
}
.choose-us .box h6{
    margin-top: 20px;
    font-weight: 800;
}
.choose-us .box p{
    margin-top: 15px;
    color: var(--medium-gray);
    line-height: 1.3;
    font-size: 14px;
}
/* Choose us end */

/* Order */
.order{
    margin-top: 100px;
    width: 90%;
}
.order img{
    width: 100%;
}
.order .text-div{
    background-color: rgba(255, 255, 255, 0.801);
    padding: 30px 0;
    width: 90%;
    margin: auto;
    border-radius: 20px;
    transform: translateY(-80px);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}
.order .text-div h1{
    font-weight: 600;
}
.order .number-div{
    border: 1px solid var(--medium-gray);
    display: flex;
    justify-content: space-between;
    width: 480px;
    margin:  30px auto 0;
    padding: 13px 14px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.order .number-div i{
    background-color: var(--blue);
    font-size: 14px;
    padding: 10px 12px;
    border-radius: 20px;
    margin-right: 10px;
    color: white;
}
.order input{
    width: 70%;
    outline: none;
    border: none;
    background: none;
}
.text-me{
    font-size: 14px;
    padding-top: 9px;
    font-weight: 400;
    cursor: pointer;
}
/* order end */

/* About us */
.about-section{
    margin-top: 50px;
}
.about-section .content-div{
    margin-top: 150px;
}
.about-section .image-container img {
    width: 90%;
}
.about-section h6{
    color: var(--blue);
}
.about-section p{
    color: var(--medium-gray);
    line-height: 1.5;
    font-size: 15px;
}
/* About us */

/* Services */
.services-section{
    margin-top: 100px;
}
.services-section .section-1{
    width: 90%;
}

.services-section .section-2{
    margin-top: 30px;
}
.services-section .box{
    padding: 30px 10px 40px;
    text-align: center;
    margin: 0 20px;
}
.services-section .box:hover{
    transition: 0.3s ease;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.services-section .box img{
    width: 50px !important;
    margin: auto;
}
.services-section .box h4{
    font-weight: 700;
}
.services-section .box p{
    font-size: 14.3px;
    padding-bottom: 20px;
    width: 230px;
    margin: auto;
    font-weight: 500;
}
.services-section .box a{
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    color: black;
    padding: 8px 40px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}
/* Services end */

/* Online Class */
.onlineClass{
    margin-top: 100px;
}
.onlineClass .row{
    margin-top: 50px;
}
.onlineClass .content-col{
    padding-left: 70px;
}
.onlineClass h6{
    color: var(--blue);
    background-color: #e0e0ff;
    padding: 8px 15px;
    border-radius: 10px;
    width: fit-content;
    margin-bottom: 20px;
}
.onlineClass .content-col-2{
    padding-right: 50px;
}
/* Online class end */

/* Quote Section */
.quote-section .content-1{
    width: 89%;
    height: 300px;
    border-radius: 40px;
    margin-top: 160px !important;
    background-color: var(--blue);
    margin: auto;
}
.quote-section .content-1 .col_1{
    padding:  40px 0 0 60px;
}
.quote-section .content-1 .col_2 img{
    width: 440px;
    transform: translateY(-110px);
}
.quote-section h2{
    color: white;
    letter-spacing: 1px;
}

.quote-section .content-2{
    transform: translateY(-40px);
    width: 76%;
}
.quote-section .content-2 .box{
    padding: 25px 20px;
    background-color: white;
    border-radius: 10px;
    display: flex;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10)
}
.quote-section .content-2 .box img{
    width: 75px;
    height: 75px;
}
.quote-section .content-2 .box .text{
    padding: 0 0 0 20px;
}
.quote-section .content-2 .box h6{
    font-weight: 700;
}
.quote-section .content-2 .box p{
    color: var(--gray);
    line-height: 1.3em;
}
/* Quote Section */

/* Cashback Section */
.cashback-section{
    width: 89%;
    margin-top: 150px;
    background-color: var(--blue);
    border-radius: 40px;
    padding: 10px 40px 40px;
}
.cashback-section img{
    padding-top: 20px;
    width: 220px;
}
.cashback-section h1{
    font-size: 7vmin;
    color: white;
    font-weight: 800;
}
.cashback-section p{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
/* Cashback end */

/* Cashback-sm */
.cashback-section-sm{
    margin-top: 150px;
    width: 95%;
    background-color: #ff922f;
    border-radius: 30px;
    padding: 10px 10px;
}
.cashback-section-sm img{
    width: 45px;
    margin-left: 10px;
}
.cashback-section-sm h1{
    color: white;
    font-weight: 700;
}
.cashback-section-sm p{
    font-weight: 600;
    padding: 0;
}
/* .cashback-section-sm .btn-div{
    justify-content: center;
    display: flex;
    align-items: center;
} */
/* Cashback-sm end */


/* Testimonial 1 */
#testimonial-section{
    margin-top: 140px;
}
.testimonial-card {
    border-radius: 20px;
    padding: 20px;
    margin: 100px 40px 40px;
    position: relative;
    box-shadow: rgba(0, 38, 255, 0.25) 0px 30px 60px -12px inset, rgba(28, 58, 190, 0.034) 0px 18px 36px -18px inset;
    
}
.testimonial-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -50px; /* Move the avatar up by 50px (half of its height) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; /* Ensure the avatar is above other content */
}
.testimonial-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 6px solid var(--gray);
}
.testimonial-content img{
    margin: auto;
    max-width: 33px;
}
.testimonial-content h4{
    font-weight: 700;
}
.testimonial-content p{
    font-size: 14px;
    font-weight: 500;
}
.testimonial-section .owl-item.active.center .testimonial-card {
    transform: scale(1.19);
}
.owl-dots {
  text-align: center;
}
.owl-dots .owl-dot {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #ccc !important;
  margin-left: 3px;
  margin-right: 3px;
  outline: none;
}
.owl-dots .owl-dot.active {
  background: var(--blue) !important;
}
/* Testimonial end */
/* Testimonial 1 end */

/* Blog Section */
.BlogSection{
    margin-top: 100px;
}
.blog-section{
    margin-top: 40px;
}
.blog-section .para-1{
    margin-top: 10px;
    color: var(--medium-gray);
    font-size: 14px;
}
.blog-section .para-2{
    color: var(--blue);
    font-weight: 600;
}
.blog-section .para-3{
    padding-bottom: 20px;
    color: var(--gray);
    font-size: 14px;
}
.blog-section .box{
    border-radius: 20px;
    padding: 20px 0;
    margin: 0 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0);
}
.blog-section .content-col img{
    width: 100%;
}
.blog-section .content-col{
    width: 90%;
    margin: auto;
}
.blog-section .main-btn-1{
    font-size: 13px;
}
/* Blog end */

/* == Question Section == */
.question-section{
    margin-top: 100px;
}
.question-section h5{
    color: var(--blue);
    font-weight: 600;
}
.question-section .content-col-1 p{
    color: #393939;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.question-section .container{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.question-section .faq-list{
    margin-top: 10px;
    border-radius: 10px;
    align-items: center;
    flex-direction: column;
    margin-bottom: 9px;
    width: 90%;
    box-shadow: 0px 0px 10px 1px rgba(75, 123, 255, 0.295);
}
.question-section .ques{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 3.7vmin;
    padding: 15px 20px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.question-section .ques p{
    padding-top: 15px;
    font-size: 17px;
    font-weight: 600;
}
.question-section .ans{
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.question-section .faq.active .ans{
    max-height: 220px;
}
.question-section .ans p{
    padding: 20px;
    border-top: 1px solid var(--blue);
}
.question-section .faq i{
    background-color: var(--blue);
    color: white;
    padding: 10px;
    border-radius: 50px;
    font-size: 16px;
    transition:  all .3s ease-in-out;
}
.question-section .faq.active i{
    transform: rotate(45deg);
}
/* == Question Section end == */
/* ============ Home Page end ============ */

/* ============ Assignment Page ============ */
.header-2{
    background-color: var(--exlight-blue);
    border: 10px solid var(--blue);
    height: 490px;
    margin-top: 0;
    --c: var(--blue);
    --r: 50px; /* control the inner radius */
    --b: 15%; /* control the border thickness*/
    border-image: 
    radial-gradient(#0000 calc(71% - var(--b)),var(--c) calc(72% - var(--b)))
    49.9%/var(--r);
}
.header-2 .col_2{
    display: flex;
    float: right;
    justify-content: flex-end;
}
.header-2 .header-img{
    padding-top: 24.5px;
    width: 600px;
}
.awards-page .header-2 .header-img{
    padding-top: 0px;
    width: 467px;
}
.header-2 .main-row{
    width: 95%;
    margin: auto;
}
.header-2 h1{
    width: 100%;
    font-size: 6vmin;
}
.header-2 .form-col{
    background-color: white;
}
/* Choose us */
.assignment-page .choose-us{
    margin-top: 200px;
}
/* Choose us */

/* FAQS */
.faq-2 .question-section{
    width: 90%;
}
.faq-2 .question-section .faq-list{
    border-bottom: 2px solid var(--light-gray);
    margin-top: 10px;
    border-radius: 0;
    width: 90%;
    box-shadow: none;
}
.faq-2 .question-section .ques{
    font-size: 3.7vmin;
    padding: 0px 5px;
}
.faq-2 .question-section .faq i{
    padding-bottom: 20px;
    background: none;
    color:  var(--gray);
    font-size: 18px;
    font-weight: bolder;
}
.faq-2 .question-section .ques p{
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
}
.faq-2 .question-section .ans p{
    padding: 0px 5px 15px;
    border-top: none;
}

/* Assitance Section */
.assistance-section{
    margin-top: 150px;
    width: 90%;
}
.assistance-carousel{
    margin-top: 60px;
}
.assistance-section .box{
    border-radius: 10px;
    padding: 30px 0;
    box-shadow: 0px 0px 10px 1px rgba(255, 166, 0, 0.13);
}
.assistance-section .box h5{
    font-weight: 550;
}
.assistance-col img{
    max-width: 50px;
    margin: auto;
}
/* Assestance end */

/* Quote Section */
.quote2-section .content-1{
    width: 89%;
    height: 250px;
    border-radius: 40px;
    margin-top: 160px !important;
    background-color: var(--gray);
    margin: auto;
    position: absolute; 
    left: 50%; /* Move the element horizontally to the center */
    transform: translateX(-50%); /* Adjust to center the element */
}
.quote2-section .content-1 .col_1{
    padding:  40px 0 0 60px;
}
.quote2-section .content-1 .col_1 h2{
    color: white;
}
.quote2-section .content-1 .col_2{
    float: right;
    display: flex;
    justify-content: flex-end;
}
.quote2-section .content-1 .col_2 img{
    width: 550px;
    transform: translate(12.5px, -44px);
}
/* Quote Section end */

/* Testimonial */
.assignment-page #testimonial-section{
    margin-top: 500px;
}

/* Content Section*/
.assignment-page .content-section{
    width: 90%;
    margin: 150px auto 0;
}
.assignment-page .content-section h4{
    margin-top: 30px;
    font-weight: 700;
}
.assignment-page .content-section p{
    font-weight: 500;
}
.assignment-page .content-section h6,
.assignment-page .content-section span{
    color: var(--blue);
    font-weight: 700;
}
/* Content Section end*/

/* Capstone */
.capstone-section{
    margin-top: 150px;
}

.capstone-section .content p{
    width: 90%;
    font-weight: 500;
}
.capstone-card{
    border-radius: 30px;
    width: fit-content;
    padding: 35px 25px 40px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0);
}
.capstone-section .card-2{
    transform: translateY(-50px);
}
.capstone-card img{
    width: 100px;
}
.capstone-card h4{
    font-weight: 700;
}
.capstone-card p{
    font-size: 13px;
    width: 200px;
    margin: 15px auto 0;
    color: var(--light-gray);
}
/* Capstone end */
/* ============ Assignment Page end ============ */

/* ============ Writers Page ============ */
.writers-page .header-2 p,
.awards-page .header-2 p{
    width: 100%;
}
.writers-page .counter-section{
    margin-top: 100px;
    color: black;
    background-color: white;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0);
}
.writers-page .counter-section h1,
.blog-page .counter-section h1{
    color: var(--gray);
}
.writers-page .form-section{
    margin-top: 100px !important;
    width: 90%;
    margin: auto;
}
.writers-page .form-section .content-col{
    padding-left: 50px;
}
.writers-page .form-section .content-col h5{
    font-weight: 500;
}
.writers-page .form-section .content-col p{
    width: 100%;
    line-height: 1.4rem;
    font-weight: 500;
}
/* Our Writers */
.writers-section{
    margin: 150px auto 0;
    width: 90%;
}
.writers-section .card-col .cards{
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.writers-section .para-1{
    width: 75%;
    margin: auto;
}
.writers-section .avatar{
    border: 6px solid var(--gray);
    border-radius: 50%;
}
.writers-section .card-col p{
    font-size: 13px;
}
.writers-section .card-col hr{
    width: 70;
}
.writers-page .stars i{
    color: var(--orange);
    font-size: 12px;
}
.writers-section .card-col .order-head{
    font-size: 14px;
}
.writers-page .tags ul{
    list-style: none;
    padding: 0;
}
.writers-page .tags ul li{
    display: inline-block;
    background-color: #F1F1F1;
    font-size: 11px;
    margin: 10px 2px 0;
    padding: 8px 17px;
}
.writers-section .card-col .main-btn-2{
    font-size: 13px;
    padding: 10px 30px;
}
/* Our Writers end */
/* ============ Writers Page end ============ */

/* ============ Awards Page ============ */
/* Awards Section */
.award-section{
    margin-top: 100px;
}
.award-section p{
    width: 75%;
}
/* Awards Section end */

/* Cards */
.card-section{
    margin-top: 150px;
}
.awards-page .card-carousel {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.awards-page .card-carousel-inner {
    gap: 10px;
    display: flex;
    animation: slide infinite 40s linear; /* Adjust animation duration as needed */
}
.awards-page .card-carousel-2 .card-carousel-inner{
    animation: slide-2 infinite 40s linear; /* Adjust animation duration as needed */
}
.awards-page .cards{
    padding: 30px 40px;
    flex: 0 0 470px; /* Adjust card width as needed */
    margin-right: 20px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    border-radius: 20px;
}
.awards-page .cards p{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2rem;
}
.awards-page .cards h6{
    padding-left: 13px;
    font-size: 15px;
    font-weight: 600;
}
.awards-page .cards img{
    width: 55px;
}
.awards-page .cards .stars i{
    color: #F1B824;
    font-size: 15px;
}
.awards-page .services-section{
    margin-top: 540px;
}

@keyframes slide-2 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
@keyframes slide {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}
/* Cards end */
/* ============ Awards Page end ============ */

/* ============ Privacy & Policy ============ */
.header-3 {
    position: relative; /* Make sure the pseudo-element is positioned relative to this */
    width: 100%;
    height: 300px;
    background-color: var(--blue);
}
.header-3::before {
    content: '';
    position: absolute;
    top: 60%; /* Vertically center */
    left: 0; /* Align to the left side */
    transform: translateY(-50%); /* Adjust for vertical centering */
    width: 390px; /* Width of the line */
    height: 6px; /* Height of the line */
    background-color: #fff; /* Color of the line */
}
.header-3 h1{
    font-size: 50px;
    position: absolute;
    left: 4%;
    top: 30%;
    color: white;
    font-weight: bold;
}
.privacy-page .content,
.conditoin-page .content,
.blog-page .content{
    margin-top: 100px;
    width: 90%;
}
.privacy-page .content h3,
.conditoin-page .content h3,
.blog-page .content h3{
    margin-top: 24px;
    font-weight: bold;
}
.privacy-page .content p,
.conditoin-page .content p,
.blog-page .content p{
    margin-top: 20px;
    font-weight: 500;
}
/* ============ Privacy & Policy end ============ */

/* ============ Contact Us ============ */
.contact-page .header-3 {
    height: 340px;
}
.contact-page .form-col{
    padding: 50px;
    border-radius: 20px;
    transform: translateY(-80px);
    background-color: white;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.contact-page .form-col h2{
    font-weight: bold;
}
.contact-page .form-col input,
.contact-page .form-col select,
.contact-page .form-col textarea{
    padding: 20px 0 20px 20px;
    border: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 13px;
}
.contact-page .form-col textarea{
    width: 100%;
}
.contact-page .form-col textarea:focus{
    outline: none;
}
.contact-page .quote2-section{
    margin-bottom: 500px;
}
.contact-page .quote2-section .content-1{
    margin-top: 100px !important;
}
/* ============ Contact Us end ============ */

/* ============ Condition Page ============ */
.conditoin-page .header-3::before {
    width: 490px; /* Width of the line */
}

/* ============ Blog Page ============ */
.blog-page .counter-section{
    margin-top: 0px;
    transform: translateY(-40px);
    color: black;
    background-color: white;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0);
}
.blog-page .counter-section p{
    color: var(--gray);
}
.blog-page .content .col_1 img{
    width: 100%;
}
.blog-page .content .col_2 .box{
    border-radius: 20px;
    padding: 20px 0;
    margin: 0 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0);
}
.blog-page .content .col_2 .box img{
    width: 100%;
}
.blog-page .content .col_2 .box .content-col{
    width: 90%;
    margin: auto;
}
.blog-page .content .col_2 .box .para-1{
    margin-top: 10px;
    color: var(--medium-gray);
    font-size: 14px;
}
.blog-page .content .col_2 .box .para-2{
    color: var(--blue);
    font-weight: 600;
}
.blog-page .content .col_2 .box .para-3{
    padding-bottom: 20px;
    color: var(--gray);
    font-size: 14px;
}
.blog-page .content .col_2 .box .main-btn-1{
    font-size: 13px;
}
/* ============ Blog Page end ============ */

.footer-section{
    margin-top: 100px;
    background-color: var(--gray);
    padding: 30px 70px 20px;
    color: white;
}
.footer-section .para{
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.5rem;
    color: white;
}
.footer-section ul{
    justify-content: center;
    list-style: none;
    padding: 0;
    display: flex;
}
.footer-section ul li a{
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    color: white;
}
.footer-section ul li a:hover{
    color: var(--orange);
    transition: 0.2s;
}
.footer-section .social-icons i{
    color: var(--gray);
    background-color: white;
    font-size: 20px;
    padding: 10px;
    margin: 0 10px;
    border-radius: 50px;
    cursor: pointer;
}
.footer-section .social-icons i:hover{
    color: var(--light-blue);
    transition: 0.2s;
}
.footer-section .contact-col i{
    font-size: 25px;
    color: var(--light-blue);
}
.footer-section .contact-col h6{
    font-weight: 600;
    font-size: 14px;
}
.footer-section .contact-col p{
    font-size: 14px;
}
.footer-section hr{
    margin-top: 30px;
    color: white;
}
.copyright{
    display: flex ;
    justify-content: center;
    align-items: center;
    background-color: var(--blue);
    color: #fff;
    font-weight: 700;
    padding-top: 15px;
    height: 50px;
}


/* ================ MEDIA QUERY ================ */
@media screen and (max-width: 480px){

    /* ==== Main ==== */
    .main-heading{
        font-size: 25px;
    }
    /* ==== Main end ==== */

    /* Scroll Top */
    #scroll-top-btn {
        width: 40px;
        height: 40px;
    }
    #scroll-top-btn::after {
        font-size: 1.3em;
        line-height: 40px;
        color: #fff;
    }
    /* Scroll Top end*/


    /* Header */
    header h5{
        margin-top: 0px;
        font-size: 12px;
    }
    /* Hader end */

    /* Header */
    header h1{
        font-size: 30px;
        width: 90%;
    }
    /* Hader end */

    /* Header 2 */
    .header-2 p{
        width: 100%;
    }
    .header-2 .main-row{
        width: 100% !important;
        margin: auto;
    }
    /* Header 2 end */

    /* Counter */
    .counter-section {
        margin-top: 80px;
    }
    /* Counter end */

    /* About us */
    .about-section{
        margin-top: 0px;
    }
    /* Abou us end */

    /* Order */
    .order{
        width: 100%;
    }
    .order img{
        width: 100%;
        height: 110px;
    }
    .order .text-div{
        width: 95%;
    }
    .order .number-div{
        width: 90%;
        margin:  10px auto 0;
        padding: 4px 12px;
    }
    .order input{
        width: 60%;
    }
    .order .number-div i{
        font-size: 13px;
    }
    /* Order end */

    /* Quote */
    .quote-section .content-1{
        width: 95%;
        height: 250px;
        border-radius: 20px;
        margin-top: 100px !important; 
    }
    .quote-section .content-2{
        transform: translateY(-40px);
        width: 95%;
    }
    .quote-section .content-2 .box{
        padding: 10px 10px 0;
        border-radius: 20px;
    }
    .quote-section .content-2 .box img{
        width: 60px;
        height: 60px;
    }
    .quote-section .content-2 .box p{
        line-height: 1.3em;
        font-size: 14px;
    }
    /* Quote end */

    /* Services */
    .services-section {
        margin-top: 80px;
    }
    .services-section .main-btn-3{
        display: none;
    }
    .services-section .para{
        font-size: 14px;
    }
    /* Services end */

    /* Cashback-sm */
    .cashback-section-sm{
        margin-top: 100px;
    }
    /* Testimonial */
    #testimonial-section{
        margin-top: 120px;
    }
    /* Testimonial end */

    /* FAQ */
    .question-section .faq-list{
        width: 100%;
    }
    .question-section .ques {
        padding: 2px 15px;
    }
    .question-section .ques p{
        font-size: 14.5px;
    }
    .question-section .ans p{
        font-size: 14.5px; 
    }
    .question-section .faq i{
        font-size: 13px;
        padding: 9px;
    }
    /* FAQ end*/

    /* ======== ASSIGNMENT PAGE ======== */
    .quote2-section .content-1{
        width: 95%;
        height: 230px;
        border-radius: 30px;
    }
    .assignment-page .content-section{
        width: 100%;
    }
    .assignment-page .content-section p,
    .assignment-page .content-section h6,
    .assignment-page .content-section span{
        font-size: 15.3px;
    }
    .assignment-page #testimonial-section{
        margin-top: 440px;
    }
    /* ======== ASSIGNMENT PAGE END ======== */

    /* ======== WRITERS PAGE ======== */
    .writers-section{
        width: 95%;
    }
    .writers-section .avatar{
        width: 70px;
    }
    .writers-section .stamp{
        width: 70px;
    }
    .writers-section h5{
        font-size: 16px;
    }
    /* ======== WRITERS PAGE END ======== */

    /* ============ AWARDS SECTION ============ */
    /* Awards Section */
    .award-section img{
        width: 130px;
    }
    .awards-page .cards {
        padding: 15px 20px 13px;
        flex: 0 0 350px;
        margin-right: 20px;
        border: 1px solid lightgrey;
        border-radius: 20px;
    }
    .awards-page .cards p {
        font-size: 13px;
    }
    .award-section p{
        width: 85%;
        font-size: 15px;
    }
    /* ============ AWARDS SECTION END ============ */

    /* ============ CONTENT ============ */
    .privacy-page .content,
    .conditoin-page .content,
    .blog-page .content{
        margin-top: 100px;
        width: 100%;
    }
    /* ============ CONTENT END ============ */

    /* ============ CONTACT PAGE ============ */
    .contact-page .header-3 {
        height: 300px;
    }
    .contact-page .form-col{
        padding: 50px;
        border-radius: 20px;
        transform: translateY(-80px);
        background-color: white;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }
    .contact-page .form-col{
        padding: 20px;
    }
    /* ============ CONTACT PAGE END ============ */

    /* Footer */
    .footer-section .footer-logo{
        width: 180px;
    }
    .footer-section{
        padding: 30px 40px 20px;
    }
    .copyright p{
        font-size: 15px;
    }
    /* Footer end */

}

@media screen and (max-width: 530px){
    /* Header 3 */
    .header-3::before {
        display: none;
    }
    /* Header 3 */
}

@media screen and (max-width: 767px){

    /* ======= Main End ======== */

    /* Top Section */
    .top-section{
        padding: 0;
    }
    /* Top Section end */

    /* Navbar */
    .navbar .mx-5{
        margin: 0 !important;
    }
    /* Navbar end */

    /* Header */
    header .review-logos img{
        width: 100px;
    }
    /* Header end*/

    /* Counter */
    .counter-section h1{
        font-size: 40px;
    }
    /* Counter end*/

    /* Order */
    .order .number-div{
        width: 90%;
    }
    /* Order end */

    /* Online class */
    .onlineClass .content-col{
        padding-left: 12px;
    }
    /* Online Section end */

    /* Testimonial */
    .testimonial-card {
        width: 70%;
        border-radius: 20px;
        padding: 20px;
        margin: 100px auto 40px;   
    }
    .testimonial-card p{
        font-size: 13px;
    }

    /* ======== ASSIGNMENT PAGE ======== */
    .assignment-page .content-section{
        margin: 100px auto 0;
    }
    .assignment-page .counter-section {
        margin-top: 120px;
    }
    .quote2-section .content-1{
        margin-top: 100px !important;
    }
    .assignment-page .choose-us{
        margin-top: 650px;
    }
    /* ======== ASSIGNMENT PAGE END ======== */

    /* ======== AWARDS PAGE ======== */
    .awards-page .services-section{
        margin-top: 430px;
    }
    /* ======== AWARDS PAGE END ======== */

    /* ======== CONTACT PAGE ======== */
    .contact-page .quote2-section .content-1{
        margin-top: 30px !important;
    }
    .contact-page .quote2-section{
        margin-bottom: 370px;
    }
}

@media screen and (max-width: 991px){

    /* ======== HOME PAGE ======== */
    /* About */
    .about-section .content-div{
        margin-top: 60px;
    }
    /* About end */

    /* Cashback */
    .cashback-section{
        display: none;
    }
    .cashback-section-sm{
        display: block !important;
    }
    /* Cahsback end */

    /* Quote */
    .quote-section .content-1 .col_1{
        padding:  40px 0 0 0px;
    }
    /* Quote end */
    /* ======== HOME PAGE END ======== */
    
    /* ======== ASSIGNMENT PAGE ======== */
    header .form-col{
        transform: translateY(-40px);
        padding: 25px 25px 20px;
    }
    .faq-2 .question-section .faq-list{
        width: 100%;
    }
    .faq-2 .question-section .ques p{
        font-size: 16px;
        font-weight: 600;
    }
    .capstone-section .card-col{
        margin-top: 130px;
    }
    .capstone-section .content p{
        width: 90%;
        margin: auto;
    }
    .assistance-section {
        margin-top: 90px;
    }
    /* ======== ASSIGNMENT PAGE END ======== */

    /* ======== WRITE PAGE ======== */
    .writers-page .form-section .content-col {
        padding-left: 10px;
    }
    .writers-page .form-section{
        margin-top: 80px;
    }
    .writers-page .form-col{
        margin-top: 100px !important;
    }
    .writers-section{
        margin: 80px auto 0;
    }
    /* ======== WRITE PAGE END ======== */

    /* Footer */
    .footer-section ul{
        justify-content: center;
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .footer-section ul li{
        margin: 7px 0;
    }
}

@media screen and (max-width: 1130px){
    /* Quote 2 Section */
    .quote2-section .content-1{
        justify-content: center;
    }
    .quote2-section .content-1 .col_1{
        padding:  40px 0 0 0px;
        width: 100%;
        text-align: center;
    }
    .quote2-section .content-1 .col_1 h2{
        color: white;
    }
    .quote2-section .content-1 .col_1 .btn-div{
        justify-content: center;
    }
    .quote2-section .content-1 .col_2{
        float: right;
        display: flex;
        justify-content: flex-end;
    }
    .quote2-section .content-1 .col_2 img{
        display: none;
    }
    /* Quote 2 Section end */
}

@media screen and (max-width: 1220px){
    .header-2 .header-img{
        padding-top: 100px;
        width: 500px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px){

    /* ==== Main ==== */
    .main-heading{
        font-size: 32px;
    }
    /* ==== Main end ==== */
    
    /* Header */
    header h5{
        margin-top: 20px;
    }
    header h1{
        font-size: 40px;
        width: 460px;
    }
    /* Hader end */


    /* ====== AWARDS SECTION ====== */
    /* Awards Section */
    .award-section img{
        width: 140px;
    }
}



@media screen and (min-width: 768px) and (max-width: 991px){
    .header-2 h1 {
        width: 100%;
        font-size: 5vmin;
    }

    /* Online class */
    .onlineClass .content-col{
        padding-left: 50px;
    }
    .onlineClass .content-col-2{
        padding-left: 50px;
    }
    /* Online Section end */


    /* ==== Asignment page ==== */
    .assignment-page .choose-us{
        margin-top: 550px;
    }
}


@media screen and (min-width: 992px) and (max-width: 1199px){
    /* About */
    .about-section .content-div{
        margin-top: 90px;
    }
    .about-section .image-container img {
        width: 100%;
    }
    /* About end */
}
@media screen and (min-width: 992px) and (max-width: 1230px){
    .top-section{
        padding: 0 20px;
    }
    .navbar-brand .logo{
        width: 150px;
    }
    .navbar .mx-5{
        margin: 0 !important;
    }
    .navbar .nav-link{
        margin: 0;
    }
    .navbar .main-btn-2{
        font-size: 14px;
        padding: 10px 25px;
    }

    /* Cashback */
    .cashback-section h1{
        font-size: 6vmin;
    }
}