* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  font-family: "Lexend Deca", sans-serif;

}
html{
    scroll-behavior: smooth;
}
p {
    font-size: 18px;
    line-height: 1.5rem;
    /* font-weight: 300; */
}
.lexend-deca-uniquifier {
  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style :normal;
}


/* top nav start */
#top_navbar {
    width: 100%;
    height: auto;
    padding: .5rem 4%;
    position: sticky;
    top: 0;
    background-color: white;
}

.container {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: auto;
}

#section_three p{
   
    font-size: 18px;
line-height: 1.5rem;
padding: 1rem 0 0 0;
/* font-weight: 300; */
}
.main_container {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}

.main_container_child {
    flex: 1 400px;
}

.main_container_child:nth-child(1) {
    display: flex;
    gap: 1rem;
}

.main_container_child:nth-child(1) a {
    text-decoration: none;
    color: black;
    text-transform: capitalize;
    font-size: .9rem;
    font-weight: 300;
}

.main_container_child:nth-child(1) a i {
    font-size: .9rem;
    color: #1d0cff;
}

.main_container_child:nth-child(1) span {
    font-size: .9rem;
    display: inline-block;
    font-weight: 300;
    text-transform: lowercase;
}

.main_container_child:nth-child(2) {
    display: flex;
    justify-content: end;
    align-items: center;
}

.main_container_child:nth-child(2) ul {
    list-style: none;
    text-transform: capitalize;
    transition: .5s;
}

.main_container_child:nth-child(2) ul li {
    font-size: .9rem;
    font-weight: 300;
}

.main_container_child:nth-child(2) ul a {
    text-decoration: none;
    color: black;
    transition: .5s;
    font-size: .9rem;
    font-weight: 300;
}

.main_container_child:nth-child(2) ul li:hover {
    color: #1d0cff;
}

.main_container_child:nth-child(2) ul a:hover {
    color: #1d0cff;
}

.one_nav_ul {
    width: 100%;
    display: flex;
    gap: 1rem;
}

.main_li {
    position: relative;
    cursor: pointer;
    transition: .5s;
}

.main_li .li:hover i {
    transform: rotate(180deg);
    transition: .5s;
}

.main_li .li i {
    font: .9rem;
    transition: .5s;
}

.main_li:hover .main_li_child {
    top: 130%;
    z-index: 152015 !important;
    transform: scale(1);
    opacity: 1;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.main_li_child {
    position: absolute;
    top: 180%;
    left: -90%;
    width: 15rem;
    padding: 1rem;
    transform: scale(0);
    transform-origin: bottom;
    opacity: 0;
    z-index: 152015 !important;
}


.main_li_child li {
    padding: .5rem;
}

/* top nav end */

/* toggle navbar */
#toggle_nav {
    width: 100%;
    height: auto;
    padding: 0 4%;
}

.container {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: auto;
}

.toggle_nav_child {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 0;
}

.toggle_item {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.toggle_item .toggle_image {
    width: 8rem;
    height: auto;
}

.toggle_item .toggle_image img {
    /* width: 100%; */
    height: 100%;
}

#toggle_button {
    display: none;
}

.toggle_button {
    padding: .6rem 1rem;
    font-size: 1rem;
    border: none;
    border-radius: .5rem;
    background-color: #1d0cff;
    color: white;
    cursor: pointer;
    margin-left: .5rem;
}

#toggle_nav_call{
    margin: 0 .5rem 0 0;
    font-size: 1rem;
    width: 2.5rem!important;
    height: 2.5rem;
    border-radius: 100%;
    border: none;
    cursor: pointer;
    background-color: #d6e8fb;
    color: #1d0cff;
    position: relative;
}
#toggle_nav_call::after {
    content: '';
    width: 170%;
    height: 170%;
    position: absolute;
    border: 15px solid #1d0cff;
    inset: -28px;
    border-radius: 100%;
    animation: animate1 1.5s linear infinite;
    opacity: 0;
    z-index: 1;
    animation-delay: .4s;
}

@keyframes animate1 {
    0% {
        transform: scale(.4);
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(.5);
    }
}
.toggle_table_content {
    display: none;
}

.toggle_table_content ul {
    display: flex;
    list-style: none;
    gap: 1rem;
    text-transform: capitalize;
}

.toggle_table_content ul a {
    color: black;
    text-decoration: none;
}

.toggle_nav_child_content ul {
    list-style: none;
    text-transform: capitalize;
}

.toggle_nav_child_content ul li {
    transition: .5s;
}

.toggle_nav_child_content ul li:hover {
    color: #1d0cff;
    transition: .5s;
}

.toggle_nav_child_content ul a:hover {
    color: #1d0cff;
    transition: .5s;
}

.toggle_nav_child_content ul a {
    text-decoration: none;
    font-size: 1rem;
    color: black;
}

.toggle_ul {
    display: flex;
    align-items: center;
    gap: 1rem;

}

.toggle_li {
    position: relative;
    cursor: pointer;
}

.toggle_li i {
    transition: .5s;
}

.toggle_li:hover i {
    transform: rotate(180deg);
    transition: .5s;
}

.toggle_li_child {
    position: absolute;
    top: 180%;
    left: -70%;
    transition: .5s ease-out !important;
    opacity: 0;
    transform: scale(0);
    transform-origin: bottom;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.toggle_li_child:nth-child(2) {
    left: 10rem;
}

.toggle_li:hover .toggle_li_child {
    transform: scale(1);
    top: 130%;
    opacity: 1 !important;
}

.toggle_li_child {
    background-color: white;
    padding: 1rem;
    width: 15rem;
    border-radius: .5rem;
}

.toggle_li_child li {
    padding: .5rem;
}

/* toggle navbar */
/* side bar */
#aside_ul {
    width: 20rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 0;
    right: -32rem;
    transition: .5s;
    -webkit-transition: all .5s ease-in-out !important;
}

.aside_show {
    right: 0 !important;
    position: fixed !important;
    -webkit-transition: all .5s ease-in-out !important;
    transition: all .5s ease-in-out;
}

#aside_close {
    position: absolute;
    top: 1rem;
    right: 2rem;
    cursor: pointer;
    font-size: 2rem;
    color: #1d0cff;
}

.aside_ul {
    list-style: none;
    background-color: white;
    width: 100%;
    height: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-transform: capitalize;
    gap: 1rem;
    overflow-y: scroll!important;
}
/* ++++++++++++ */
.accordion-container_nav {
    width: 100%;
    max-width: 30rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: left;
    max-height: 46rem;
    height: 100vh;
}
.accordion-item_nav {
    background-color: #FFFFFF; 
    border: 1px solid #E0E0E0; 
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
}
.accordion-item_nav a{
    text-decoration: none;
}

.accordion-header_nav {
    background-color:#1d0cff; 
    color: white; 
    padding: .5rem 1rem;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    border-radius: .5rem;
    transition: background-color 0.3s ease;
    text-transform: capitalize;
    position: relative;
    font-size: 1.3rem;
}
.accordion-header11{
    background-color: #1d0cff; 
    color: white; 
    padding: .5rem 1rem;
    border: none;
    width: 100%;
    cursor: pointer;
    outline: none;
    display: flex;
    text-align: left;
    border-radius: .5rem;
    text-transform: capitalize;
    font-size: 1.3rem;
    gap: .5rem;
    align-items: center;
}
.accordion-header11 a{
    color: white;
    text-decoration: none;
}
.accordion-header12{
    background-color: #1d0cff; 
    color: white; 
    padding: 15px;
    font-size: 18px;
    border: none;
    width: 15rem;
    cursor: pointer;
    outline: none;
    display: flex;
    text-align: left;
    border-radius: .5rem;
    text-transform: capitalize;
    font-size: 1rem;
}
.wraper_child_1_nav a{
    text-decoration: none;
}
.accordion-header_nav::after{
    position: absolute;
    content: '';
    width: 1rem;
    height: .2rem;
    background-color: white;
    top: 1.4rem;
    right: 1rem;
}
.accordion-header_nav::before{
    position: absolute;
    content: '';
    width: 1rem;
    height: .2rem;
    background-color: white;
    top: 1.4rem;
    right: 1rem;
    transform: rotate(90deg);
}

.accordion-header11::after{
    position: absolute;
    content: '';
    width: 1rem;
    height: .2rem;
    background-color: white;
    top: 1.4rem;
    right: 1rem;
}
.accordion-header11::before{
    position: absolute;
    content: '';
    width: 1rem;
    height: .2rem;
    background-color: white;
    top: 1.4rem;
    right: 1rem;
    transform: rotate(90deg);
}

.accordion-content_nav {
    background-color: #FAFAFA;
    overflow: hidden;
    padding: 0 15px;
    max-height: 0;
    transition: max-height 0.3s ease;
}

.accordion-content_nav p {
    margin: 15px 0;
    line-height: 1.5;
}

.active_nav{
    background-color: #ff5c35;
    color: white;
}
.active_nav::after{
    background-color: white;
}
.active_nav::before{
    display: none;
}
.active_nav.accordion-content_nav{
    padding: 1rem 0;
}
.wraper_child_1_nav {
    width: 100%;
    height: auto;
    display: flex;
    background-color: #f6f9fc;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    padding: .5rem 0;
    gap: 1rem;
}
/* ++++++++++++ */

.aside_ul .h3 {
    font-size: 2rem;
    padding: 3rem 0 0 0;
    text-transform: capitalize;
    color: #1d0cff;
    font-weight: 600;
}

/* sidebar */
/* table_contant_nav */
#table_content {
    width: 100%;
    height: auto;
    padding: 1rem 4%;
    background-color: white;
}

.table_content_child {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    padding: 0 0 .5rem 0;
    display: none;
}

.table_content_child ul {
    display: flex;
    list-style: none;
    gap: 1rem;
    text-transform: capitalize;
}

.table_content_child ul a {
    color: black;
    text-decoration: none;
}

/* table_contant_nav */
/* section_one */
#section_one {
    width: 100%;
    height: auto;
    padding: 1rem 4%;
    /* background-color: #fef4ea; */
}

.section_one_child {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.section_one_content {
    max-width: 570px;
    width: 100%;
    height: auto;
}

.section_one_image {
    width: 100%;
    height: 100%;
    padding: 2rem;
}

.section_one_image img {
    width: 100%;
    height: 100%;
}

.section_one_content .span_h6 {
    font-size: 1.1rem;
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
}

.section_one_content h1 {
    font-size: 2rem;
    text-transform: capitalize;
    line-height: 2.5rem;
    padding: 1rem 0;
    color: #1d0cff;
}

.section_one_content p {
    font-size: 18px;
    line-height: 1.5rem;
    padding: 0.5rem 0 0.5rem 0;
    font-weight: 300;
}

.section_one_button {
    width: 100%;
    height: auto;
    display: flex;
    gap: 1rem;
}

.btn_one {
    padding: .6rem 1.3rem;
    text-transform: capitalize;
    border: none;
    font-size: 1rem;
    background-color: #1d0cff;
    color: white !important;
    cursor: pointer;
    font-weight: 500;
    border-radius: .5rem;
}

/* section_one */

/* section two */
#section_two {
    width: 100%;
    height: auto;
    padding: 3rem 4%;
}

.section_two_child {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: .5rem 0 .5rem 0;
    justify-content: center;
}

.section_two_content {
    display: flex;
    align-items: center;
}

.section_two_content i {
    font-size: 2rem;
    border-radius: 100%;
    color: black;
}

.section_two_item {
    width: 270px;
    padding: 2rem;
    background-color: #fef4ea;
    text-align: center;
    border-radius: 1rem;
}

.section_two_item p {
    font-size: 1.5rem;
    font-weight: 600;
    padding: .5rem;
}

.section_two_item span {
    font-size: .9rem;
    text-transform: capitalize;
}

/* section two */

/* section three */
.section_three_child {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-evenly;
    padding: 1rem 0;
    flex-wrap: wrap;
    background-color: #f6f9fc;
    border-radius: 1rem;
}

.section_three_content {
    max-width: 550px;
    height: auto;
}

.section_three_content:nth-child(1) {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_image img {
    width: 90%;
}

.section_three_content .company {
    padding: 1rem 0;
    font-size: 1.1rem;
    text-transform: capitalize;
    color: #1d0cff;
}
.company .span_company{
    display: inline-block;
    width: 3rem;
    height: .1rem;
    background-color: #1d0cff;
}

.section_three_content h2 {
    font-size: 2rem;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 2.5rem;
    padding:0 0 1rem 0!important;
}

.section_three_content p {
    font-size: 18px;
    line-height: 1.4rem;
    padding: 0 2rem 1rem 0;
    /* font-weight: 300; */
}

.section_three_icon {
    display: flex;
    flex-direction: column;
}

.section_three_icon i {
    font-size: 1.2rem;
    color: #1d0cff;
}

.section_three_icon p {
    font-size: 1rem;
    padding: .5rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 400;
    text-transform: capitalize;
}

/* section three */

/* section four */
#section_four {
    padding: 2rem 4%;
}

#section_four h4{
    font-size: 2rem;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 2.5rem;
    padding: 0 0 2rem 0;
    text-align: center;
}

#section_four_button {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    gap: 1rem;
    background-color: #fef4ea;
    padding: 2rem 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

#section_four_button button {
    padding: .6rem 1rem;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 400;
    background-color: #1d0cff;
    color: white;
    border-radius: .5rem;
    z-index: 11;
}

#section_four_button button .after {
    position: absolute;
    content: '';
    width: 80%;
    height: .2rem;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #ff5c35;
}
#section_four_button button .before {
    content: '';
    position: absolute;
    top: 80%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 1rem;
    background-color: #ff5c35;
    z-index: -12;
    transform: rotate(45deg);
}

.after_1 {
    display: none;
}

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

.wraper_child {
    width: 100%;
    height: auto;
    display: flex;
    background-color:#fef4ea;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0 3rem 0;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.wraper_child div {
    max-width: 600px;
}

.child_hide_img {
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.child_hide_img img {
    width: 80%;
}
.child_hide_img .hide_img_luggage{
    width: 100%!important;
}
.child_hide_img .house_hold{
    width: 55%;
    /* height: 50%; */
}
.sevices_detail {
    display: inline-block;
    font-size: 1.5rem;
    text-transform: capitalize;
    padding: 1rem 0;
}

.wraper_content {
    padding: 2rem 4rem;
}

.wraper_content p {
    font-size: 1rem;
    padding: 0 0 1rem 0;
    line-height: 1.4rem;
    font-weight: 300;
}

.wraper_content ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.wraper_content ul li {
    font: 1rem;
    display: flex;
    gap: .5rem;
    align-items: center;
}

.wraper_content ul li i {
    background-color: white;
    color: #1d0cff;
    font-size: 1.1rem;
}

.wraper_child_hide {
    display: none;
}

/* faqs */
.section_four_faq{
    display: none;
}
.section_four_faq h4{
    font-size: 1.8rem;
    padding: 1rem 0 2rem 4rem;
    text-transform: capitalize;
}
.accordion-container {
    width: 90%;
    max-width: 600px;
    margin: auto;
}

.accordion-item {
    background-color: #FFFFFF; 
    border: 1px solid #E0E0E0; 
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
}

.accordion-header {
    background-color: #1d0cff; 
    color: white; 
    padding: 15px;
    font-size: 18px;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .5rem;
    transition: background-color 0.3s ease;
    text-transform: capitalize;
    position: relative;
    font-size: 1rem;
}
.accordion-header::after{
    position: absolute;
    content: '';
    width: 1rem;
    height: .2rem;
    background-color: white;
    top: 1.4rem;
    right: 1rem;
}
.accordion-header::before{
    position: absolute;
    content: '';
    width: 1rem;
    height: .2rem;
    background-color: white;
    top: 1.4rem;
    right: 1rem;
    transform: rotate(90deg);
}

.accordion-header:hover {
    background-color: #1d0cff;
    color: white;
}
.accordion-header:hover::after{
    background-color: white;
}
.accordion-header:hover::before{
    background-color: white;
}

.accordion-content {
    background-color: #FAFAFA;
    overflow: hidden;
    padding: 0 15px;
    max-height: 0;
    transition: max-height 0.3s ease;
}

.accordion-content p {
    margin: 15px 0;
    line-height: 1.5;
}

.active{
    background-color: #ff5c35;
    color: white;
}
.active::after{
    background-color: white;
}
.active::before{
    display: none;
}
.active.accordion-content{
    padding: 1rem 0;
}
.wraper_child_1 {
    width: 100%;
    height: auto;
    display: flex;
    background-color: #f6f9fc;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.child_hide_img_1 {
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.child_hide_img_1 img {
    width: 80%;
}
.wraper_content_1 {
    padding: 2rem 4rem;
}
.sevices_detail_1{
    text-transform: capitalize;
}
.wraper_content_1 p {
    font-size: 1rem;
    padding: 0 0 1rem 0;
    line-height: 1.4rem;
    font-weight: 300;
}

.wraper_content_1 ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.wraper_content_1 ul li {
    font: 1rem;
    display: flex;
    gap: .5rem;
    align-items: center;
}

.wraper_content_1 ul li i {
    background-color: white;
    color: #1d0cff;
    font-size: 1.1rem;
}
.section_four_faq{
    margin-top: 2rem;
    padding: 1rem;
    background-color: #f6f9fc;
    border-radius: .5rem;
}
/* faqs */

/* section four */

/* slider */
#slider_section {
    width: 100%;
    height: auto;
    position: relative;
    padding: 1rem 8%;
}
#slider_section h2{
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
    padding: 1rem 0 2rem 0;
    text-transform: capitalize;
    margin: auto;
}

.main_slider {
    max-width: 1200px;
    width: 100%;
    height: auto;
}

.slider_content {
    width: 100%;
    height: auto;
    display: flex!important;
    justify-content: center;
    gap: 4rem;
    margin: auto;
    padding: 1rem 4rem;
}

.image_slider {
    max-width: 100px;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}

.image_slider img {
    width: 100%;
    height: 100%;
}

.swiper-button-nextt {
    font-size: 1rem;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    border: none;
    cursor: pointer;
    background-color: #d6e8fb;
    color: #1d0cff;
    position: absolute;
    top: 1rem;
    right: 6rem;
    z-index: 1;
}

.swiper-button-prevv {
    font-size: 1rem;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    border: none;
    cursor: pointer;
    background-color: #d6e8fb;
    color: #1d0cff;
    position: absolute;
    top: 1rem;
    left: 6rem;
    z-index: 1;
}
.swiper-pagination{
    display: none;
}
/* slider */
/* table */
#table{
    width: 100%;
    height: auto;
    padding: 1rem 4%;
}
#table h2{
    text-align: center;
    text-transform: capitalize;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 2rem 0 0 0;
}
#table p{
    /* text-align: center;
    text-transform: capitalize;
    font-size: 1rem;
    padding: 1rem 7rem 3rem 7rem;
    text-align: center; */
    font-size: 18px;
    padding: 0.5rem 2rem 0.5rem 2rem;
}
.table_child{
    width: 100%;
    height: auto;
}
.table_child table{
    width: 100%;
    height: auto;
    border: 1px solid grey;
    border-collapse: collapse;
    text-align: center;
}
.table_child table th{
    padding: .5rem;
    border-bottom: 1px solid grey;
}
.table_child table td{
    padding: .5rem;
    text-align: left;
    border-bottom: 1px solid grey;
    text-align: center;
}
.table_child table tr:nth-child(even){
    background-color: #f6f9fc;
}

/* table */
/* section five */
#section_five {
    width: 100%;
    height: auto;
    padding: 1rem 4%;
}
.why_choose_head{
    text-align: center;
    text-transform: capitalize;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 2rem 0 3rem 0!important;
}
.container h2 {
    font-size: 1.5rem;
    text-transform: capitalize;
    padding: .5rem 4%;
}

.section_five_item {
    width: 100%;
    padding: 1rem 4%;
    background-color:#b7ecec;
    display: flex;
    gap: 1rem;
    padding: 2rem 4rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

.section_five_item button {
    padding: .6rem 1rem;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 400;
    background-color: #1d0cff;
    color: white;
    border-radius: .5rem;
    z-index: 11;
}

.section_five_item button .before {
    content: '';
    position: absolute;
    top: 80%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 1rem;
    background-color: #ff5c35;
    z-index: -12;
    transform: rotate(45deg);
}

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

.five_content_item {
    width: 100%;
    background-color: #b7ecec;
    display: flex;
    justify-content: space-evenly;
    padding: 1rem 0 3rem 0;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

.five_item_child {
    max-width: 550px;
    width: 100%;
    height: auto;
    padding: 0 2rem;
}

.five_item_child_img {
    max-width: 550px;
    width: 100%;
    height: 35rem;
    display: flex;
}


.image_ {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.image_ img {
    width: 100%;
    max-height: 20rem;
    height: 100%;

}

.five_content_item_text {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}
#section_five h5{
    font-size: 1.8rem;
    padding: 2rem 0 1rem 2rem;
    text-transform: capitalize;
    font-weight: 400;
    text-align: center;
}
#section_five h4{
    font-size: 22px;
    padding: 0rem 0 1rem 2rem;
    text-transform: capitalize;
    font-weight: 400;
    text-align: center;
}
.card_main_heading p{
    padding:  0 6rem 1rem 6rem;
    font-size: 1.1rem;
    text-align: center;
    
}
.textimonial_card {
    max-width: 350px;
    width: 100%;
    height: auto;
    padding: 2rem;
    background-color:#b7ecec;
    border-radius: .5rem;
}

.textimonial_card .h6 {
    font-size: 1rem;
    padding: 0 0 .5rem 0;
    text-transform: capitalize;
    font-weight: 600!important;
}

.card_icon {
    padding: 0 0 .5rem 0;
}

.card_icon i {
    color: #1d0cff;
    cursor: pointer;
}

.textimonial_card p {
    font-size: 1rem;
    padding: 0 0 0 0;
    line-height: 1.4rem;
    text-transform: capitalize;
}



.faqs h3 {
    font-size: 1.8rem;
    padding: .5rem 0 1.5rem;
    text-transform: capitalize;
}

.faqs p {
    padding: 0 0 1.5rem 0;
    font-size: 18px;
    line-height: 1.4rem;
}

.accordion-item_1 {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}

.accordion-header_1 {
    background-color: white;
    color: black;
    padding: 15px;
    font-size: 18px;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .5rem;
    transition: background-color 0.3s ease;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
}

.accordion-header_1::after {
    position: absolute;
    content: '';
    width: 1rem;
    height: .2rem;
    background-color: black;
    top: 1.4rem;
    right: 1rem;
}

.accordion-header_1::before {
    position: absolute;
    content: '';
    width: 1rem;
    height: .2rem;
    background-color: black;
    top: 1.4rem;
    right: 1rem;
    transform: rotate(90deg);
}

.accordion-header_1:hover {
    background-color: #1d0cff;
    color: white;
}

.accordion-header_1:hover::after {
    background-color: white;
}

.accordion-header_1:hover::before {
    background-color: white;
}

.accordion-content_1 {
    background-color: #FAFAFA;
    overflow: hidden;
    padding: 0 15px;
    max-height: 0;
    transition: max-height 0.3s ease;
}

.accordion-content_1 p {
    margin: 15px 0;
    line-height: .8rem;
    line-height: 1.4rem;
}

.after_12 {
    display: none;
}

.icon_1 {
    transition: transform 0.3s ease;
}

.avtive_btn {
    background-color: #ff5c35;
    color: white;
}

.avtive_btn::after {
    background-color: white;
}

.avtive_btn::before {
    height: 0;
}
/* mobile */
.section_block_mobile{
    display: none;
}
.five_content_item_mobile {
    width: 100%;
    background-color: #f6f9fc;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    border-radius: .5rem;
}
.five_content_item_text h5 {
    font-size: 1.8rem;
    padding: 1rem 0 0 0;
    text-transform: capitalize;
}

.five_content_item_text p {
    padding: 0 0 .5rem 0;
    font-size: 18px;
    line-height: 1.4rem;
}
/* mobile */
/* section five */

/* our clients */
#client{
    width: 100%;
    height: auto;
    padding: 1rem 4%;
}
.client_logo{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    border-radius: .5rem;
    padding: 0 2rem;
    justify-content: center;
}
.client_heading{
    display: flex;
}
.client_heading h5{
    font-size: 1.5rem;
    text-transform: capitalize;
    letter-spacing: .1rem;
    font-weight: 400;
}
.client_logo .client_img{
    max-width: 180px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.client_img img{
    width: 70%;
    height: auto;
    filter: grayscale(60%);
}
/* our clients */

/* section six */
#section_six{
    width: 100%;
    height: auto;
    padding: 1rem 4%;
}
.container{
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: auto;
}
.section_six_hide .section_three_child{
    padding: 1rem 0 1rem 0!important;
}
.section_six_hide .section_three_child .company{
    padding: 0 0 1rem 0!important;
}
.section_three_content_child{
    flex-direction: column!important;
    align-items: start!important;
}
#section_six .section_three_content_child .company{
    text-align: left!important;
    line-height: 1.4rem;
    font-weight: 600;
}
.section_three_content_child h3{
    font-size: 1.8rem;
    padding: .5rem 0 1.5rem;
    text-transform: capitalize;
    font-weight: 400;
}
#section_six .section_three_icon{
    padding: 0;
}
#section_six .section_three_icon p{
    padding: 0;
}
.section_six_button{
    width: 100%;
    height: auto;
    padding: 2rem 4rem;
    background-color:#f6f9fc;
    display: flex;
    gap: 1rem;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem;
}
.section_six_button button{
    padding: .7rem 2rem;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    background-color: #1d0cff;
    border-radius: .5rem;
    text-transform: capitalize;
    color: white;
}
.after_3 span{
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 81%;
    left: 42%;
    transform: translate(-50%,-50%)!important;
    background-color: #ff5c35;
    transform: rotate(45deg)!important;
    z-index: 455;
}
.section_six_hide{
    display: block;
    padding: 0 0 1rem 0;
    background-color:#f6f9fc;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.after_3{
    display: none;
}
.how_we_work{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    padding: 1rem;
}
.section_six_hide h5{
    font-size: 2rem;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 2.5rem;
    padding: 0 0 1rem 0!important;
    text-align: center!important;
}
.section_six_hide .h3_hide{
    font-size: 2rem;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 2.5rem;
    padding: 0 0 0rem 0!important;
    text-align: center!important;
}
.section_six_hide>p{
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.4rem;
    padding: 0 7rem 1rem 7rem;
    text-align: center!important;
}
.work_box{
    max-width: 265px;
    width: 100%;
    height: auto;
    padding: 1rem;
    background-color: #f6f9fc;
    text-align: center;
    box-shadow: 3px 4px 7px rgba(0,0,0,.1);
    border-radius: .5rem;
}
.work_box .box_icon i{
    font-size: 2.5rem;
    padding: .5rem;
}
.work_box .box_icon span{
    font-size: 3rem;
}
.work_box h6{
    font-size: 1.1rem;
    text-transform: capitalize;
    padding: .5rem 0;
    font-weight: 400;
}
.work_box p{
    font-size: 18px;
    line-height: 1.4rem;
}
/* section faqs */
.accordion_item_flex{
    width: 100%;
    height: auto;
    display: flex;
}
.accordion-container_faqs {
    width: 100%;
    display: flex;
    margin: auto;
    justify-content: center;
    gap: 2rem;
}
#width_full{
    max-width: 1130px!important;
    width: 100%!important;
    margin: auto;
    
}
.table_div_wrapper{
    width: 100%;
    height: auto;
    border: 1px solid black;
    max-height: 185px;
    height: auto;
    overflow-y: scroll;
}
.table_div_child{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 1rem;
}
.table_div_child:nth-child(even){
    background-color: #f6f9fc;
}
.table_div_link{
    max-width: 265px;
    width: 100%;
    height: auto;
    padding: 0.3rem;
    text-align: left;
    
}
.table_div_link a{
    font-size: .9rem;
    text-decoration: none;
}
.accordian_wrapper{
    padding: 1rem 0 0 0 ;
}
.accordion-item_faqs {
    max-width: 550px;
    width: 100%;
    background-color: #FFFFFF; 
    border: 1px solid #E0E0E0; 
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
}

.accordion-header_faqs {
    background-color: white; 
    color: black; 
    padding: 1rem 3rem;
    font-size: 18px!important;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .5rem;
    transition: background-color 0.3s ease;
    text-transform: capitalize;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
}
.accordion-header_faqs::before{
    position: absolute;
    content: '';
    width: .7rem;
    height: .7rem;
    top: 1.2rem;
    left: 1rem;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    transform: rotate(315deg);
    transition: .5s;
}

.accordion-header_faqs:hover {
    color: #1d0cff;
}
.accordion-header_faqs:hover::before{
    border-right: 2px solid #1d0cff;
    border-bottom: 2px solid #1d0cff;
}

.accordion-content_faqs {
    background-color: #FAFAFA;
    overflow: hidden;
    padding: 0 15px;
    max-height: 0px;
    transition: max-height 0.3s ease;
}

.accordion-content_faqs p {
    margin: 15px 0;
    font-size: 18px;
    line-height: 1.3rem;
}

.active_faqs::after{
    background-color: white;
}
.active_faqs::before{
    transform: rotate(405deg);
}
.active_faqs.accordion-content_faqs{
    padding: 1rem 0;
}
/* section six */
/* contact form */
#contact_form{
    width: 100%;
    height: auto;
    padding: 0rem 4%;
}
.container{
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: auto;
}
.section_form{
    width: 100%;
    height: auto;
    display: flex;
    padding: 1rem 1rem;
    background-color: #fef4ea;
    border-radius: .5rem;
    justify-content: space-evenly;
}
.section_form_content{
    max-width: 550px;
    width: 100%;
    height: auto;
}
.google_map{
    width: 100%;
    height: auto;
    position: relative;
}
.google_map_child{
    position: absolute;
    background-color:#f6f9fc;
    top: 0;
    left: 0;
    padding: .5rem;
    border-radius: .5rem;
    box-shadow: 3px 5px 14px -7px;
}
.section_location{
    padding: 1rem;
}
.section_location h4{
    font-size: 2rem;
    font-weight: 400;
    text-transform: capitalize;
    padding: .5rem 0;
}
.section_location p{
    font-size: 18px;
    line-height: 1.4rem;
    padding: .5rem 0 1rem 0;
}
.form_icon{
    display: block;
}
.form_icon a{
    text-decoration: none;
    display: flex;
    align-items: center;
    gap:.5rem;
    padding: .3rem 0;
    color: black;
    /* display: inline-block; */
}
.form_icon i{
    font-size: 1.1rem;
    color: rgb(73, 73, 73);
    border-radius: 100%;
    padding: .4rem;
}
.form_icon span{
    font-size: 1rem;
    text-transform: capitalize;
}
/* form */
.section_form_child{
    padding: 2rem 1rem;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.input_form{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;

}
.input_child{
    max-width: 250px;
    width: 100%;
    height: auto;
}
.input_form p{
    font-size: 1rem;
    text-transform: capitalize;
    padding: .5rem 0;
}
.input_child input{
    width: 100%;
    outline: none;
    border: 1px solid grey;
    padding: .7rem;
    box-shadow: 3px 4px 7px rgba(0,0,0,.1);
    border-radius: .5rem;
    background-color: #f6f9fc;
}
.input_form input::placeholder{
    text-transform: capitalize;
}
.input_full_width{
    max-width: 520px;
    width: 100%;
    height: auto;
}
.input_full_width input{
    width: 100%;
    outline: none;
    border: 1px solid grey;
    padding: .7rem;
    box-shadow: 3px 4px 7px rgba(0,0,0,.1);
    border-radius: .5rem;
    background-color: #f6f9fc;
}
.text_area{
    max-width: 520px;
    width: 100%;
    height: auto;
    margin: auto;
}
.text_area p{
    font-size: 1rem;
    text-transform: capitalize;
    padding: .5rem 0;
}
.text_area textarea{
    width: 100%;
    outline: none;
    border: 1px solid grey;
    padding: .7rem;
    box-shadow: 3px 4px 7px rgba(0,0,0,.1);
    border-radius: .5rem;
    background-color: #f6f9fc;
}
.text_area textarea::placeholder{
    text-transform: capitalize;
    font-size: 1rem;
}
.input_submit{
    max-width: 520px;
    width: 100%;
    padding: 1rem 0;
}
.input_submit input{
    padding: .7rem 2rem;
    cursor: pointer;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    background-color: #1d0cff;
    border-radius: .5rem;
    box-shadow: 3px 4px 7px rgba(0,0,0,.1);
    color: white;
}
/* contact form */
/* fixed */
#fixed{
    width: 2rem;
    height:auto;
    position: fixed;
    top: 0;
    right: .3rem;
}
.fixed_child{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fixed_icon{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;

    top: 50%;
    right: 10px;
    gap: 10px;
}
.fixed_icon ion-icon{
    font-size: 1.7rem;
    color:  #f6f9fc;
    padding: .5rem;
    background-color:#1d0cff;
    margin: -3px;
    width: 25px;
  height: 25px;
}
.fixed_icon ion-icon:hover{
    background-color: #f6f9fc;
    color: #1d0cff;
    width: 25px;
  height: 25px;
}
.maill{
    border-top-left-radius: .5rem;
}
.whatsaap{
    border-bottom-left-radius: .5rem;
}
/* fixed */
/* nasted footer */
#nasted_footer {
    width: 100%;
    height: auto;
    padding: 0rem 4% 1rem 4%;
}

.nasted_footer_child {
    width: 100%;
    height: auto;
    background-color: #fef4ea;
    padding: 1rem;
    border-radius: .5rem;
}

.nasted_footer_heading h5 {
    font-size: 1.5rem;
    text-transform: capitalize;
    font-weight: 400;
    padding: 1rem 0;
}

.nasted_footer_button {
    width: 100%;
    height: auto;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    flex-wrap: wrap;
}

.nasted_footer_btn_heading {
    font-size: 1.5rem;
    text-transform: capitalize;
    font-weight: 600;
}

.nasted_button {
    padding: .6rem .5rem;
    cursor: pointer;
    border: none;
    border-radius: .5rem;
    position: relative;
    font-size: 1.1rem;
    text-transform: capitalize;
    font-weight: 600;
    background-color: #1d0cff;
    color: white;
}

.nasted_after span {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 79%;
    left: 42%;
    transform: translate(-50%, -50%) !important;
    background-color: #ff5c35;
    transform: rotate(45deg) !important;
}

.nasted_content_btn {
    width: 100%;
    height: auto;
    padding: 1rem 0;
    display: flex;
}

.nasted_content_child_button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0 0 1rem 0;
    /* flex-wrap: wrap; */
}

.content_child_button_heading {
    font-size: 1.3rem;
    text-transform: capitalize;
    font-weight: 400;
}

.content_child_button {
    padding: .6rem .3rem;
    cursor: pointer;
    border: none;
    border-radius: .5rem;
    position: relative;
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 400;
    background-color: #1d0cff;
    color: white;
}

.nasted_after_one,
.nasted_after_two,
.nasted_after_three,
.nasted_after_four,
.nasted_after_six,
.nasted_after_seven,
.nasted_after_eight,
.nasted_after_nine, 
.nasted_after_ten,
.nasted_after_eleven span {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 79%;
    left: 42%;
    transform: translate(-50%, -50%) !important;
    background-color: #ff5c35;
    transform: rotate(45deg) !important;
}

.nasted_after_one,
.nasted_after_two,
.nasted_after_three,
.nasted_after_four,
.nasted_after_six,
.nasted_after_seven,
.nasted_after_eight,
.nasted_after_nine,
.nasted_after_ten,
.nasted_after_eleven {
    display: none;
}

.nasted_contetn_box_ul {
    width: 100%;
    font-size: 18px;
    height: auto;
    display: flex;
    padding: 1rem 1rem;
    height: 200px;
    overflow-y: scroll;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid rgb(167, 165, 165);
    /* background-color: #f6f9fc; */
}

.nasted_contetn_box_ul ul {
    list-style: none;
    max-width: 200px;
    width: 100%;
}

.nasted_contetn_box_ul ul li {
    padding: .3rem 0;
}
.nasted_contetn_box_ul ul li a{
    text-decoration: none;
    text-transform: capitalize;
    font-size: .9rem;
}

.nasted_after {
    display: none;
}

.nasted_content_hide {
    display: none;
}

.one_hide,
.two_hide,
.three_hide,
.four_hide,
.six_hide,
.seven_hide,
.eight_hide,
.nine_hide,
.ten_hide,
.eleven_hide {
    display: none;

}
/* +++++++++++++++++++++++++++++++++++++++mobile+++++++++++++++++++++++++++++++++++++++++++++++++ */
.mobile-expertise-faq {
        padding: 0px 13px 18px 14px;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    display: none;
}
p.mobile-faq-menu {
    margin: auto;
    padding: .9rem 1rem 1rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-radius: .5rem;
    cursor: pointer;
    color: white;
    font-size: 18px;
    text-transform: capitalize;
    font-weight:500;
    background-color: #1d0cff;
    margin: .5rem 0 0 0;
}

.expertise-faq {
    max-width: 99%;
    padding: .5rem;
    width: 100%;
    margin: auto;
}

p.mobile-faq-menu:after {
    content: '';
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    background-color: white;
    width: 1rem;
    height: .2rem;
}

p.mobile-faq-menu::before {
    content: '';
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    background-color: white;
    width: 1rem;
    height: .2rem;
    transform: rotate(90deg);
}

p.mobile-faq-menu.active_acc::after {
    top: 1.3rem;
    background-color: white;
}

p.mobile-faq-menu.active_acc::before {
    display: none;
    background-color: white;
}

.active_acc.mobile-faq-menu {
    background-color: #ff5c35;
    color: white;
    padding: .9rem 1rem .8rem 1rem;
}
/* ++++++++++++++++++ */
.faq-accordion{
    max-width: 100%;
    width: 100%;
    position: relative;
    cursor: pointer;
    padding: .8rem;
    border-radius: .5rem;
    box-shadow: 3px 4px 7px -5px;
    text-transform: capitalize;
    color: white;
    background-color: #1d0cff;
}
.faq-accordion::after{
    content: '';
    width: 1rem;
    height: .2rem;
    position: absolute;
    top: 1.4rem;
    right: 1rem;
    background-color: white;
}
.faq-accordion::before{
    content: '';
    width: 1rem;
    height: .2rem;
    position: absolute;
    top: 1.4rem;
    right: 1rem;
    background-color: white;
    transform: rotate(90deg);
}
.active_acc.faq-accordion{
    background-color: #ff5c35;
    color: white;
}
.faq-accordion.active_acc::after{
    background-color: white;
}
.faq-accordion.active_acc::before{
    display: none;
}
/* ++++++++++++++++++ */
div.faq-panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    text-align: left;
    width: 100%;
}
div.faq-panel ul{
    width: 100%;
    padding: 1rem;
    list-style: none;
    height: 200px;
    overflow-y: scroll;
}
div.faq-panel ul li{
    padding: .1rem 0;
}
div.faq-panel ul a{
    text-decoration: none;
    padding: .3rem;
    font-size: .9rem;
}

div.faq-panel.show_acc {
    opacity: 1;
    max-height: 750px;
}

div.mobile-faq-panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    text-align: left;
    max-width: 580px;
}

div.mobile-faq-panel.show_acc {
    max-width: 99%;
    opacity: 1;
    max-height: 750px;
    margin: auto;
}
/* +++++++++++++++++++++++++++++++++++++++mobile+++++++++++++++++++++++++++++++++++++++++++++++++ */
/* nasted footer */
/* footer */
#main_footer{
    width: 100%;
    height: auto;
    padding: 1rem 4%;
    background-color: #192733;
}
.footer_child{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
}
.footer_content{
    flex:1 220;
    width: 100%;
    height: auto;
}   
.footer_content h5{
    color: white;
    font-size: 1.2rem;
    text-transform: capitalize;
    padding: .5rem 0;
}
.footer_content p{
    font-size: 18px;
    color: #b6c7d6;
    line-height: 1.4rem;
}
.footer_ul{
    list-style: none;
    padding: 1rem 1rem;
}
.footer_ul li{
    font-size: 18px;
    color: #b6c7d6;
}
#footer_ul a{
    font-size: 18px!important;
}

/* #footer_ul h6{
    font-size: 1.1rem;
} */
.footer_ul h6{
    font-size: 1.2rem;
    color: white;
    text-transform: capitalize;
    padding: .5rem 0;
}
.footer_ul li{
    padding: .3rem 0;
}
.footer_ul li a{
    font-size: .9rem;
    color: #b6c7d6;
    text-decoration: none;
    text-transform: capitalize;
}
.footer_ul li a:hover{
    text-decoration:underline;
    color: #7bb7eb;
}
.footer_social{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 1rem 2rem;
}
.footer_social_child{
    max-width: 350px;
    width: 100%;
    height: auto;
}
.social_child_one{
    background-color: #b6c7d6;
    width: 100%;
    height: .1rem;
}
.social_child_two{
    display: flex;
    justify-content: center;
    gap: 3rem;
}
.social_child_two i{
    color: #b6c7d6;
    font-size: 1.5rem;
}
.footer_copy{
    width: 100%;
    height: auto;
}
.footer_copy_child{
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 2rem 0rem 2rem;
}
.footer_copy_logo{
    width: 13rem;
    height: auto;
}
.footer_copy_logo img{
    width: 100%;
    height: 100%;
}
.footer_copy_child p{
    padding: .5rem 0 .5rem 0;
    text-transform: capitalize;
    font-size: .9rem;
    color: #b6c7d6;
}
.footer_copy_link{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}
.copy_link_child{
    padding: 0 1rem 0 1rem;
    display: flex;
    align-items: center;
}
.copy_link_child_one{
    border-right: 2px solid #b6c7d6;
}
.copy_link_child a{
    color: white;
    text-transform: capitalize;
    font-size: .9rem;
}
.copy_link_child a:hover{
    color: #7bb7eb;
}
.company_link{
    padding: 0 0 1.5rem 0;
    text-transform: capitalize;
    font-size: .9rem;
    color: #b6c7d6;
}
.company_link a{
    text-decoration: none;
    text-transform: capitalize;
    font-size: .9rem;
    color: #b6c7d6;
}
.company_link a:hover{
    color: white;
    text-decoration:underline;
}
/* footer */
.-luggage-cart{
    max-height: 25rem!important;
    height: auto;
}

/* about section */
#page_about{
    width:100%;
    height: auto;
    padding: 2rem 4%;
}
.page_about_main{
    width: 100%;
    height: auto;
    padding: 3rem 2.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #f6f9fc;
    border-radius: .5rem;
}
.page_about_child{
    flex: 1 500px;
    max-width: 500px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
}
.page_about_child h1{
    text-transform: capitalize;
    font-size: 3rem;
    font-weight: 500;
    padding: 1rem 0;
    color: #213343;
}
.page_about_child p{
    font-size: 18px;
    line-height: 1.5rem;
    font-weight: 300;
}
.page_about_child .page_about_img{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.page_about_child .page_about_img img{
    width: 90%;
}
#page_about_two{
    width: 100%;
    height: auto;
    padding: 2rem 4%;
}
.page_about_main_two{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    gap: 1rem;
    justify-content: space-between;
}
.page_content_img_2{
    display: flex;
    justify-content: right;
}
.page_about_main_content{
    flex: 1 500px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
}
.page_about_main_content h4{
    font-size: 1.8rem;
    padding: 0 0 1rem 0;
    font-weight: 400;
    color: #192733;
    line-height: 2.3rem;
    text-transform: capitalize;
}
.page_about_main_content p{
    font-size: 18px;
    line-height: 1.4rem;
    padding: 0 0 1rem 0;
    font-weight: 300;
}
.page_content_img{
    width: 100%;
    height: 100%;
}
.page_content_img img{
    width: 85%;
}
#page_about_three{
    width: 100%;
    height: auto;   
    padding: 2rem 4%;
}
.page_about_three_main{
    background-color: #b7ecec;
    padding: 2rem 0;
    border-radius: .5rem;
}
.page_three_content:nth-child(1){
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 1rem;
}
.page_content_card{
    max-width: 350px;
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 3px 4px 7px -7px;
    background-color: #f6f9fc;
    border-radius: .5rem;
}
.page_content_card p{
    font-size: 1.5rem;
    padding: .5rem 0;
}
.page_card_img{
    width: 30%;
    height: auto;
}
.page_card_img img{
    width: 100%;
    height: 100%;
}
.page_three_content_2{
    width: 100%;
    padding: 2rem;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.page_content_card_2{
    max-width: 545px;
    width: 100%;
    padding: 2rem 0;
}
.page_card_img_wrapper{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}
.page_card_img_wrapper .page_card_img{
    width: 25%;
    height: auto;
}
.page_card_img_wrapper .page_card_img img{
    width: 100%;
}
.page_content_card_2 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_content_card_2 p{
    font-size: 1.5rem;
    text-transform: capitalize;
    padding: 1rem 0 .5rem 0;
}
.page_content_card_2 a{
    font-size: 1rem;
}
/* slider */
.container{
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: auto;
}
#main_about_slider{
    width: 100%;
    height: auto;
    padding: 2rem 4%;
    position: relative;
}
.page_about_slider{
    width: 50%;
    height: auto;
}
.page_about_slider_child{
    width: 100%;
    height: auto;
    margin: auto;
    text-align: center;
}
.page_slider_wraper{
    max-width: 300rem;
    width: 100%;
    padding: 2rem 4rem;
    border-top: 10px solid green;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-radius: 1rem;
}
.page_slider_wraper_1{
    max-width: 300rem;
    width: 100%;
    padding: 2rem 4rem;
    border-top: 10px solid orange;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-radius: 1rem;
}
.page_slider_wraper_2{
    max-width: 300rem;
    width: 100%;
    padding: 2rem 4rem;
    border-top: 10px solid red;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-radius: 1rem;
}
.page_slider_wraper p{
    font-size: 18px;
    padding: 1rem 4%;
    line-height: 1.4rem;
}
.page_slider_wraper h6{
    font-size: 1.5rem;
    text-transform: capitalize;
    padding: 0 0 1rem 0;
}
.page_slider_wraper span{
    font-size: 1.1rem;
    display: inline-block;
    text-transform: capitalize;
}
#main_about_slider h2{
    font-size: 2rem;
    padding: .5rem 0;
    text-align: center!important;
    text-transform: capitalize;
    font-weight: 500;
}
#main_about_slider>p{
    font-size: 18px;
    padding: 1rem 0 1.5rem 0;
    text-align: center!important;
    text-transform: capitalize;
}
.swiper-button-prevs{
    width: 2rem;
    height: 2rem;
    font-size: .9rem;
    background-color: #b7ecec;
    border-radius: 100%;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 15.5rem;
    left: 25rem;
    z-index: 11!important;
    color: #1d0cff;
}
.swiper-button-nexts{
    width: 2rem;
    height: 2rem;
    font-size: .9rem;
    background-color: #b7ecec;
    border-radius: 100%;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 15.5rem;
    right: 25rem;
    z-index: 11!important;
    color: #1d0cff;
}

/* slider */
/* four */
#page_about_four{
    width: 100%;
    height: auto;
    padding: 2rem 4%;
}
.page_about_four_child{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.page_four_content{
    max-width: 500px;
    width: 100%;
    height: auto;
    padding: 2rem;
}
.page_four_content_1{
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    padding: 5rem 0 0 4rem!important;
}
.page_four_content_1 h5{
    font-size: 1.5rem;
    text-transform: capitalize;
    font-weight: 500;
    color: #213343;
}
.page_four_content_1 span{
    font-weight: 300;
    font-size: 18px;
}
.page_four_content_1 a{
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    color: #1d0cff;
}
.page_four_content .page_four_img{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
}   
.page_four_img img{
    width: 80%;
}
.page_about_four_child_1{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2rem 0 0 0;
}
.page_about_four_card{
    max-width: 300px;
    width: 100%;
    height: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.page_four_card_img{
    width: 100%;
    height: auto;
}
.page_four_card_img img{
    width: 25%;
}
.page_about_four_card h6{
    padding: .5rem 0;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: capitalize;
}
.page_about_four_card span{
    display: inline-block;
    padding: .5rem 0;
    font-size: .9rem;
    font-weight: 300;
}
/* four */
/* five */
#page_about_five{
    width: 100%;
    height: auto;
    padding: 1rem 4% 3rem 4%;
}
.page_about_five_heading{
    font-size: 2rem;
    padding: 0 0 2rem 0;
    text-align: center !important;
    text-transform: capitalize;
    font-weight: 500;
}
.page_about_five_child{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}
.page_about_five_card{
    max-width: 350px;
    width: 100%;
    height: auto;
    padding: 1rem;
    box-shadow: 3px 4px 11px -5px;
    text-align: center;
    border-radius: .5rem;
}
.page_five_card_img{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    padding: 1rem;
}
.page_five_card_img img{
    width: 30%;
}
.page_about_five_card h4{
    font-size: 1.1rem;
    text-transform: capitalize;
    padding: .5rem 0;
}
.page_about_five_card p{
    font-size: .9rem;
    text-transform: capitalize;
    font-weight: 300;
    padding: .5rem 0;
}
/* five */
/* six */
#page_about_six{
    width: 100%;
    height: auto;
    padding: 2rem 4%;
}
.page_about_six_heading{
    font-size: 2rem;
    text-align: center !important;
    text-transform: capitalize;
    font-weight: 500;
    color: black;
}
.page_about_six_desc{
    font-size: 18px;
    padding: 1rem 7rem 1rem 7rem;
    text-align: center !important;
    text-transform: capitalize;
    font-weight: 300;
    line-height: 1.5rem;
    color: black;
}
.page_about_six_child{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    /* background-color: #7bb7eb; */
    background-color: #f6f9fc;
    padding: 2rem;
    border-radius: .5rem
}
.page_about_six_card{
    max-width: 350px;
    width: 100%;
    height: auto;
    background-color: #f6f9fc;
    text-align: center;
    box-shadow: 3px 4px 11px -5px;
    padding: 1rem;
    border-radius: .5rem;
}
.page_about_six_card h4{
    font-size: 1.5rem;
    padding: .5rem 0;
    text-transform: capitalize;
    font-weight: 500;
}
.page_about_six_card p{
    font-size: .9rem;
    text-transform: capitalize;
    font-weight: 300;
    padding: 0 0 .5rem 0;
    line-height: 1.5rem;
}
/* six */
/* about section */
/* about section */
#head_line{
    width: 100%;
    height: auto;
    padding: 2rem 4% 0 4%;
    margin: 0 0 -2rem 0;
}
.head_line_child{
    width: 100%;
    height: auto;
    text-align: center;
}
.head_line_child h2{
    font-size: 2rem;
    padding: 2rem 0 0 0;
    text-transform: capitalize;
    font-weight: 400;
}
.head_line_child p{
    font-size: 18px;
    padding: 1rem 2rem 0 2rem;
    line-height: 1.4rem;
} 

/* contact page */
#page_contact{
    width: 100%;
    height: auto;
    padding: 4rem 4% 0 4%;
    background: url(https://www.grewaltransportservice.com/grewal-image/contact_home_img.png);
    background-position-x: 56rem!important;
    background-position-y: 1rem!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size:25%;
}
.page_contact_child{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.page_contact_content{
    max-width: 500px;
    width: 100%;
    height: auto;
}
.page_contact_content h1{
    font-size: 3rem;
    text-transform: capitalize;
    padding: 1rem 0;
    font-weight: 500;
}
.page_contact_content p{
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1.5rem;
    font-weight: 300;
}
.page_contact_two_child{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    padding: 6rem 0 3rem 0;
}
.page_contact_two_card{
    max-width: 350px;
    width: 100%;
    height: auto;
    padding: 2rem 0;
    text-align: center;
    box-shadow: 3px 4px 11px -5px;
    display: flex;
    flex-direction: column;
    background-color: #1d0cff;
    border-radius: .5rem;
}
.page_contact_two_card i{
    font-size: 3rem;
    color: white;
}
.page_contact_two_card p{
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 2rem 0;
    color: white;
}
.page_contact_two_card button{
    width: 10rem;
    padding: .6rem 1rem;
    color: #1d0cff;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    outline: none;
    transition: .5s;
    display: block;
    margin: auto;
    text-transform: capitalize;
    border-radius: .5rem;
}
.page_contact_two_card a{
    text-decoration: none;
}
.page_contact_two_card button:hover{
    background-color: #ff5c35;
    color: white;
    border: 1px solid white;
}
/* contact page */

/* all india link */
.india_link_child{
    padding: 2rem 0;
    background-color: #b7ecec;
    margin: 1rem 1rem 1rem 1rem;
    border-radius: .5rem;
}
.india_link_child h2{
    font-size: 1.5rem;
    padding: 0 4rem 1rem 4rem;
    text-transform: capitalize;
    font-weight: 500;
}
.wrapper_link{
    width: 100%;
    max-height: 250px;
    height: auto;
    overflow-y: scroll;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: .5rem 0;
    justify-content: center;
    list-style: none;
}
.wrapper_link li{
    max-width: 250px;
    width: 100%;
    height: auto;
    padding: .5rem;
    border: 2px solid black;
    border-radius: .5rem;
}
.wrapper_link li a{
    text-decoration: none;
    text-transform: capitalize;
    color: black;
    font-size: .9rem;
}
.wrapper_link_1{
    display: none;
}
/* all india link */

.section_one_image_1{
    margin: 0 0 0 2rem;
}


/* review */
#review_home{
    width: 100%;
    height: auto;
    padding: 1rem 4% 1rem 4%;
    background-color: #fef4ea;
}
.review_child_one{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    border-radius: .5rem;
}
.review_child_one_content{
    max-width: 800px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.review_child_one_content p{
    padding: 1rem 0 1rem 2rem;
    font-size: 1.2rem;
    text-transform: capitalize;
}
.review_child_one_content h3{
    padding: 0 0 1rem 2rem;
    font-size: 2rem;
    font-weight: 400;
    text-transform: capitalize;
}
.review_child_one_content span{
    padding: 0 0 1rem 2rem;
    font-size: 18px;
    line-height: 1.5rem;
    font-weight: 400;
    text-transform: capitalize;
    display: inline-block;
}
.review_child_one_content_img{
    width: 400px;
    height: 100%;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.review_one_img{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
}
.review_one_img img{
    width: 35rem;
    height: 100%;
    border-radius: .5rem;
}
.section_four_child{
    border-radius: 1rem;
}
#container{
    background-color: #f6f9fc;
    border-radius: .5rem;
    border: .1px solid #c5c5c5;
}
.container_wraper{
    padding: 4rem 0;
}
.write_a_review{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    align-items: center;
}
.write_a_review h2{
    font-size: 2rem;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 2.5rem;
    padding:0 0 1rem 0!important;
}
.write_a_review button{
    padding: .6rem 1rem;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 400;
    background-color: #1d0cff;
    color: white;
    border-radius: .5rem;
}
/* copy */
.review_hide {
    padding: 0 1rem;
    width: 100%;
    max-height: 500px;
    height: auto;
    overflow-y: scroll;
    padding: 1rem 4rem;
}
.review_hide>div{
    padding: 1rem;
    margin: .5rem;
    background-color: #f6f9fc;
}
.review_hide div h2{
    font-size: 1rem;
    padding: .7rem 0;
    text-transform: capitalize;
}
.review_hide div p{
    font-size: 18px;
    line-height: 1.4rem;
}
.review_icon{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.review_icon p ,h5{
    text-transform: capitalize;
}
.review_icon div{
    display: flex;
    align-items: center;
    gap: .2rem;
}
.review_icon div:nth-child(1)>i{
    font-size: 2.5rem;
}
.review_icon div:nth-child(1) h5{
    font-size: 1rem;
    padding: 0 .5rem;
    font-weight: 400;
}
.icon_re_star{
    display: flex;
    padding: 0 .5rem;
}
.icon_re_star i{
    font-size: .7rem;
}
.icon_re_star p{
    font-size: .9rem!important;
    padding: 0 .2rem;
}
.review_icon .second_child{
    gap: .4rem;    
    align-items: center;
}
.review_icon .second_child h6{
    font-size: 1rem;
    font-weight: 400;
}
.review_icon .second_child i{
    font-size: 1rem;
    cursor: pointer;
}
.review_hide p {
    font-size: 18px;
    line-height: 1.2rem;
}
/* copy */
/* mobile */
.review_hide_1 {
    padding: 0 1rem;
    width: 100%;
    max-height: 500px;
    height: auto;
    overflow-y: scroll;
    border-radius: .5rem;
    box-shadow: 5px 5px 15px -7px;
    background-color: white;
}
.flex_review_flex{
    display: block!important;
}
.flex_9999{
    display: flex;
}
.flex_9999 span h5{
    font-size: 1.2rem!important;
    text-transform: capitalize;
}
.flex_review_flex p{
    padding: .3rem 0;
    text-transform: capitalize;
}
.flex_1010 i{
    padding: .2rem;
}
.icon_re_star i{
    font-size: .9rem!important;
}
.review_hide_1>div{
    padding: 1rem;
    margin: .1rem;
}
.review_hide_1 div h2{
    font-size: 1.2rem;
    padding: .7rem 0;
    text-transform: capitalize;
}
.review_hide_1 div p{
    font-size: 18px;
    line-height: 1.4rem;
}
.review_icon{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.review_icon p ,h5{
    text-transform: capitalize;
}

.review_icon div:nth-child(1)>i{
    font-size: 2.5rem;
}
.review_icon div:nth-child(1) h5{
    font-size: 1rem;
    padding: 0 .5rem;
    font-weight: 400;
}
.icon_re_star{
    display: flex;
    padding: 0 .5rem;
    flex-wrap: wrap;
    justify-content: center;
}
.icon_re_star p{
    font-size: .9rem!important;
    padding: 0 .2rem;
}
.review_icon .second_child{
    gap: .4rem;    
    display: flex;
    align-items: center;
}
.review_icon .second_child h6{
    font-size: 1rem;
    font-weight: 400;
}
.review_icon .second_child i{
    font-size: 1rem;
    cursor: pointer;
}
.review_hide_1 p {
    font-size: 18px;
    line-height: 1.2rem;
}
/* mobile */
.views_heading{
    padding: 1rem 0 1.5rem 0!important;
    text-align: center;
}
/* video */
#video_testimonial{
    width: 100%;
    height: auto;
    padding: 0 4% 6rem 4%;
}
.video_testimonial_content{
    width: 100%;
    height: auto;
    background-color: #fef4ea;
    border-radius: .5rem;
}
.video_testimonial{
    width: 100%;
    height: auto;
    position: relative;
}
.video_review_sld_content{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 2rem 0;
    z-index: -1;
}
.sld_content{
    max-width: 550px;
    width: 100%;
    height: auto;
    padding: 0 2rem 8rem 2rem;
}
.sld_content h3{
    font-size: 2rem;
    text-transform: capitalize;
    padding: .5rem 0 4rem 0;
}
.sld_content p{
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1.4rem;
}
.sld_content h5{
    font-size: 1.5rem;
    padding: 3rem 0 1rem 0;
    text-transform: capitalize;
}
.sld_content span{
    font-size: 1rem;
    text-transform: capitalize;
}
.sld_content_video{
    display: flex;
    justify-content: end;
    padding: 3rem 0!important;
    position: relative;
    max-width: 550px;
    width: 100%;
}
.sld_content_video::after{
    content: '';
    width: 80%;
    height: 60%;
    background-color: #1d0cff;
    top: 3%;
    left: 3rem!important;
    border-radius: .5rem;
    position: absolute;
    z-index: -1;
    box-shadow: 3px 4px 14px -5px;
}
.swiper-button-nextst{
    width: 3rem;
    height: 3rem;
    background-color: #1d0cff;
    color: white;
    border: none;
    position: absolute;
    top: 80%;
    left: 11%;
    z-index: 122;
    cursor: pointer;
    border-radius: 100%;
    transition: .5s;
}
.swiper-button-prevst{
    width: 3rem;
    height: 3rem;
    background-color: #1d0cff;
    color: white;
    border: none;
    position: absolute;
    top: 80%;
    left: 5%;
    z-index: 122;
    cursor: pointer;
    border-radius: 100%;
    transition: .5s;
}
.swiper-button-nextst:hover{
    background-color: #ff5c35;
}
.swiper-button-prevst:hover{
    background-color: #ff5c35;
}
/* video */
/* tabls */
#review_tabs_button{
    width: 100%;
    height: auto;
    padding: 0 4% 6rem 4%;
}
.review_click_content_hide{
    display: none;
}
.review_tabs_button_child{
    background-color: #f6f9fc;
    border-radius: .5rem;
    padding: 1rem 0 0 0;
}
.review_child_click_btn{
    width: 100%;
    height: auto;
    padding: 1rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
}
.review_click{
    position: relative;
    background-color: #1d0cff;
    color: white;
    border: none;
    padding: 0.7rem 1.5rem;
    border-radius: .5rem;
    text-transform: capitalize;
    font-weight: 600;
    cursor: pointer;
}
.review_after_btn{
    display: none;
}
.review_after_btn span{
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-color: #ff5c35;
    top: 80%;
    left: 43%;
    transform: rotate(45deg);
}
.review_contet_hide_item{
    width: 100%;
    height: auto;
    padding: 2rem;
    text-align: center;
}
.review_contet_hide_item h3{
    font-size: 1.5rem;
    text-transform: capitalize;
    padding: 1rem 0;
    font-weight: 400;
}
.review_contet_hide_item button{
    width: 3rem;
    height: 3rem;
    background-color: #1d0cff;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    transition: .5s;
    border-radius: 100%;
    transition: .5s;
}
.review_contet_hide_item button:hover{
    background-color: #ff5c35;
}

.review_swiper{
    width: 100%;
    height: auto;
    position: relative;
}
.review_swiper_img{
    width: 40%;
    height: auto;
}
.review_swiper_img img{
    width: 20%;

}
.review_swiper_child{
    width: 100%;
    height: auto;
    padding: 1rem 0 4rem 0;
}
.review_swiper_content{
    width: 100%;    
    height: auto;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.review_swiper_content h4{
    text-transform: capitalize;
    font-size: 1.7rem;
    padding: 1rem 0;
}
.review_swiper_content p{
    font-size: 18px;
    text-transform: capitalize;
    padding: 0 0 1rem 0;
    font-weight: 600;
}
.review_swiper_content span{
    font-size: 1rem;
    display: inline-block;
    line-height: 1.4rem;    
    width: 100%;
    padding: 0 2rem 1.5rem 2rem;
}
.review_slid_btn_nxt{
    position: absolute;
    top: 93%;
    left: 52%;
    transform: translate(-50%,-50%);
    z-index: 1222112;
    border-radius: 100%;
    width: 3rem;
    height: 3rem;
    background-color: #1d0cff;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    transition: .5s;
}
.review_slid_btn_nxt:hover{
    background-color: #ff5c35;
}
.review_slid_btn_prv{
    position: absolute;
    top: 93%;
    left: 45%;
    transform: translate(-50%,-50%);
    z-index: 1222112;
    border-radius: 100%;
    width: 3rem;
    height: 3rem;
    background-color: #1d0cff;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    transition: .5s;
}
.review_slid_btn_prv:hover{
    background-color: #ff5c35;
}
/* tabls */
/* review */