.sectionCoatHome
{
    /* background: url('../images/Banner.jpg'); */
    background-size: cover;
    width: 100%;
    height: 100vh;
    position: relative;
}
.logoImg
{
    width: 40px;
    height: 40px;
}
.logoImg img{
    width: 100%;
    height: 100%;
}
.bgwarning
{
    background-color:#1877F2;
}
.textWarning
{
    color:#1877F2;
}
.navbar .active .nav-link
{
    color:#1877F2 !important;
}
.btnWarning
{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.borderWarning
{
    border: 1px solid#1877F2;
}
.navbar
{
    /* background:linear-gradient(50deg, #494949 1.71%, #1877F2 99.89%); */
    background-color: #EBEBEB33;
    z-index: 999999;
}
.showing {
    display: block !important;
}
.block {
    background-color: #A6A6A6 !important;
    transition: background-color 0.3s ease;
}
@media (min-width:280px) and (max-width:991px) {
    .buttonsbgHome .btn
    {
        padding:10px 50px !important ;
        /* padding-right:25px !important ; */
    }
        .underLine
    {
        margin-left: 5.3rem;
    }
}
@media (min-width:280px) and (max-width:400px) {
    .sectionCoatHome
    {
        height: 156vh;
    }
    .buttonsbgHome .btn
    {
        margin: 10px;
    }
}
.divCoatHome
{
    position: absolute;
    bottom: -45px;
    left: 15px;
    right: 15px;
}
.divContentHome
{
    width: 100%;
    height: 85px;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);

}
.iconDivCont
{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.underLine
{
    margin-left: 10rem;
}
.divImageChooseCaot
{
    height: 360px;
}
.underLine2
{
    margin-left: 3rem;
}
@media (min-width:280px) and (max-width:991px) {
    .underLine
    {
        margin-left: 5.3rem;
    }
    .chooseCaot .spanIcon span
    {
        font-size: 10px;
    }
    .divImageChooseCaot {
        height: 285px;
    }
    #notificationNav {
        right: 50%;
    }
}


@media (min-width:360px) and (max-width:400px) {

    #notificationNav {
        right: 50% !important;
    }
}
.contentCourse
{
    width: 100%;
    height: 416px;
    border-radius: 10px;
    margin: 10px 0px;
}
.imgContentCourse
{
    width: 100%;
    height: 215px;
    overflow: hidden;
}
@media (min-width:280px) and (max-width:991px) {
    .contentCourse
{
    width: 100%;
    height: 450px;
    border-radius: 10px;
    margin: 10px 0px;
}
.imgContentCourse
{
    width: 100%;
    height: 270px;
    overflow: hidden;
}
}
.btncourse
{
    width: 80%;
    height: 40px;
    background:#1877F2;
    color: #fff;
}
.btncourse:hover
{
    background:#1877F2;
    color: #fff;
}
.btnshare
{
    border: 1px solid #1877F2;
}


.feedbackcourse section {
    padding: 5rem 0;
    /* tablet sizing*/
    /* width: 746px; */
    /* height: min-content; */
    display: flex;
    justify-content: center;
    align-self: center;
  }

  .carousel__wrapper {

    position: relative;
    width: 100%;
    height: max-content;
    gap: 2rem 0;
    align-items: center;
  }

  .carousel__header {
    grid-area: title;
    font-weight: 700;
    font-size: 2rem;
  }

  .carousel {
    grid-area: carousel;
    position: relative;
    overflow-x: clip;
  }

  .carousel__item {
    position: absolute;
    padding: 2rem;
    border-radius: 12px;
    /*   border: 1px solid #999; */
    /* background: #eee; */
    top: 0;
    transition: all ease-in-out 800ms;
    /* display: grid; */
    place-items: center;
  }

  .carousel__item--active {
    top: -0.5rem;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Adjust the values for the hover effect */
  }

  .carousel__item__name {
    color: #fff;
    text-align: center;
  }

  /* .carousel__item > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem 0;
  } */


  /* Caousel Nav */
  .carousel__nav {
    grid-area: nav;
    justify-self: end;
    display: flex;
    justify-content: center;
    gap: 0 2rem;
  }

  .carousel__nav__item {
    padding: 0.375rem;
    border: 1px solid #eee;
    border-radius: 24px;
    /* background-color: #e5e5e5; */
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    color:#1877F2;

  }

  .carousel__nav__item:hover {
    /* background-color: #cacacb; */
    color:#1877F2;
    border: 1px solid#1877F2;
  }
 .underLineFeedback
 {
    margin-right: 50px;
 }

 .imgyassen
 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
 }

 .bookNow
 {
    border-radius: 7px;
    min-height: 500px;
 }

 .bgbuttons
 {
    background:#1877F2;
    color: #fff;
    width: 200px;
 }
 .bgbuttons:hover
 {
    background:#1877F2;
    color: #fff;
    width: 200px;
 }
 .footer
 {
    width: 100%;
    height: 400px;
    /* background: url('../images/bgfooter.png'); */
    background-size: cover;

 }
 .inputSubscribe
 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
 }
 .btnsubscribe
 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
 }
 .bottomFooter
 {
    width: 100%;
    min-height: 1150px;
 }
 .bookNow
 {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 99999;
    background-color: #fff;
 }
 .footerHome
 {
    position: absolute;
    bottom: 0;
 }
 @media (min-width:360px) and (max-width:991px){
    .footerHome
    {
       position: absolute;
       bottom: -844px;
    }
    .secReviews .carousel__item--active {
        display: block;
        left: 25px !important;
    }
 }
 .carousel__item p
 {
    font-size: 14px;
 }

 @media (min-width:280px) and (max-width:991px){
    .bgbuttons
    {
        width: 100px;
    }
    .imagebookNow
    {
        width: 130px;
    }
    .imagebookNow img
    {
        width: 100%;
        height: 100%;
    }
    .carousel__item
    {
        display: none;
    }
    .carousel__item--active {
        display: block;
        left: 9px !important;
        width: 95% !important;
        box-shadow: 0 0 0;
        border: 1px solid #d9d9d9;
    }
    .carousel__item--active p
    {
        font-size: 14px !important;
    }
    .bottomFooter
    {
       width: 100%;
       min-height: 1150px;
    }
    .showing
    {
        background:#A6A6A6 !important;
        padding: 30px;
        z-index: 9999999999999999;
    }

    .footer
    {
       width: 100%;
       height: 900px;
    }

    .footer .ml-auto
    {
        margin-right:  auto !important;
        width: 100% !important;
        padding-top: 50px !important;
    }
    .form-inline
    {
        display: flex;
    }
    .secCoatHome
    {
        height: 30vh !important;
    }
    .secCoatHomeMobile
    {
        height: 60vh !important;
    }
 }

 @media (min-width:280px) and (max-width:375px){
    .footerHome
    {
       position: absolute;
       bottom: -944px;
    }
    .carousel__item--active
    {
        display: block;
        left: 0px !important;
        width: 245px !important;
    }
    .underLine2 {
        margin-left: 0rem;
    }
    .secReviews .carousel__item--active {
        display: block;
        left: -6px !important;
        width: 280px !important;
        box-shadow: none;
    }
 }

 .divimagabout
 {
    width: 300px;
    height: 300px;
 }
 .divabout_P
{
    width: 90%;
    margin: auto;
}
 .divabout_P p
 {
    line-height: 35px;
 }

 .iframeOurteam
 {
    width: 200px;
    height: 200px;
    background: url('../images/photo frame.png');
    background-size: cover;
 }
 .imgTeam
 {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    overflow: hidden;
 }
 .contentTeam
 {
    height: 300px;
    overflow: hidden;
    margin: 15px 0px;
 }


 .accordion {
    width: 90%;
    max-width: 1000px;
    margin: 2rem auto;
  }

  .accordion-item {
    background-color: #FFF;
    /* background-color: #faf2e7; */
    color: #111;
    margin: 1rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);

  }

  .accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
  }

  .accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    background-color: #fff;

  }

  .accordion-item-header.active::after {
    content: "\2212";
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    background-color: #fff;
}
.accordion-item-header.active{

    background-color: #B3D2FB !important;
}
  .accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #C6DFFF;

  }

  .accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid #aaa;
    /* border-image: linear-gradient(to right, transparent, #34495e, transparent) 1; */
  }


._icons
{
    position: fixed;
    z-index: 999999999999999999;
    bottom: 20px;
    right: 10px;
}
._icons img
{
    width: 50px;
    height: 50px                                ;
}

._name
{
    font-size: 12px;
}





.contentHeaderChat
{
    padding: 6px;
    display: flex;
    justify-content: space-between;
}

._chat
{
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 350px;
    height: 500px;
    background-color: #F5F5F5;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
    overflow: hidden;
    display: none;
    z-index: 9999999999999999999999999999999;
    direction: rtl              ;
}
._HeaderChat{
    width: 100%;
    height: 60px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.imgHead{
    width: 40px;
    height: 40px;
    border: 1px solid #eee;
    border-radius: 50%;
}
.imgHead img
{
    width: 100%;
    height: 100%;
}
.contentHeaderChat p
{
    color: #000;
    padding-top: 7px;
    margin: 0px 10px;
}
.xclose {
    width: 30px;
    height: 30px;
    margin: 7px;
    cursor: pointer;
}
.xclose img
{
    width: 100%;
    height: 100%;
}
._chatbody
{
    position: relative !important;
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.botomChat
{
    width: 100%;
    /* position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px; */
    height: 80px;
    padding: 5px;
    margin-top: 2px;
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #00000029;
}
.botomChat textarea
{
    border: 0px;
    background-color: #fff !important;
    text-align: left;
    /* height: 33px; */
}
.botomChat input
{
    border: 0px !important;
    background-color: #fff !important;
    text-align: left;
}
.iconSend
{
    display: flex;
    padding: 10px;

}
.attachment
{
    width: 20px;
    height: 20px;
    margin: 0px 10px;
}
.attachment img
{
    width: 100%;
    height: 100%;
}
._send
{
    width: 30px;
    height: 30px;
    margin: 0px 10px;
    cursor: pointer;
}
._send img
{
    width: 100%;
    height: 100%;
}
.contentsend
{
    display: flex;
    justify-content: space-between;
    margin: 5px;
}
._textarea
{
    width: 80%;
}
#imageUpload
{
    display: none !important;
}
#messages
{
    height: 100%;
    width: 100%;
    overflow-y: auto;
    background-color: #fff;
}
.massegeChat
{
    background-color: #fff;
    /* overflow-y: auto; */
    padding: 5px;
    height: 100%;
}
.massegLeftChat
{
    max-width:80%;
    padding: 10px;
    text-align: left;
    background-color: #E4E4E4;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: auto;
    margin-top: 7px;
    margin-bottom: 7px;
}
.massegLeftChat p
{
    margin: 0px 0px 5px 0px;
    padding: 5px;
}
.massegLeftChat .positMassege
{
    position: relative;
}
.massegLeftChat .positMassege small
{
    display: block;
    position: absolute;
    right: 2px;
    bottom: -6px;
    height: 15px;
    width: 100%;
    text-align: right;
    padding: 9px;
    color: #818181;
    font-size: 9px;
}


.massegRightChat
{
    max-width:80% ;
    padding: 10px;
    text-align: right;
    background-color: #000;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-left: auto;
    margin-top: 7px;
    margin-bottom: 7px;
}
.massegRightChat p
{
    margin: 0px 0px 5px 0px;
    padding: 5px;
    color: #fff;

}
.massegRightChat .positMassege
{
    position: relative;
}
.massegRightChat .positMassege small
{
    display: block;
    position: absolute;
    right: 2px;
    bottom: -6px;
    height: 15px;
    width: 100%;
    text-align: right;
    padding: 9px;
    color: #818181;
    font-size: 9px;
}



 #messages::-webkit-scrollbar-thumb
{
    background-color: #aaa;
    box-shadow: 0px 0px #000 inset;
    border-radius: 50px;
}
 #messages::-webkit-scrollbar
{
    width: 7px;

}
.underLine5
{
    margin-left: 9rem;
}
.contentHeadPaageHome
{
    width: 60%;
}
.contentHeadPaageHome p
{
    font-size: 20px;
}
.curdReviews
{
    height: 160px;
}
.curdReviews p
{
    font-size: 14px;
    line-height: 150%;

}
@media (min-width:280px) and (max-width:991px) {
    ._chat
    {
        position: fixed;
        right: 0px;
        bottom: 0px;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: #F5F5F5;
        border: 1px solid #E4E4E4;
        border-radius: 10px;
        overflow: hidden;
        z-index: 9999999999999999999999;
    }
    .arrowHome
    {
        width: 100% !important;
    }
    .buttonsbgHome .btn
    {
        display: block;
        margin: 10px auto !important;
    }
    .contentHeadPaageHome
    {
        width: 80% !important;
    }
    .underLine5
    {
        margin-left: 5rem;
    }
    .bookNow
    {
        width: 90% !important;
        padding: 2rem !important;top: 160px !important;
    }
    .divContentHome
    {
        margin: 10px 0px ;
    }
}

.page-link
{
    border-radius: 50% !important;
    /* border: 1px solid#1877F2 !important; */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff !important;
    color:#1877F2 !important;
    padding: 7px;
}
.page-link:hover
{
    border: 1px solid#1877F2 !important;
}
.block {
    background:#EBEBEB33 !important;
    z-index: 999999999;
}
.page-link
{
    border-radius: 50% !important;
    /* border: 1px solid#1877F2 !important; */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff !important;
    color:#1877F2 !important;
    padding: 7px;
}
.page-link:hover
{
    border: 1px solid#1877F2 !important;
}

#lightBoxContainer{
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999999999999999999999;
    display: none;
}

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

}

.lightBox {
    background-color: #fff;
    border-radius: 8px;
    z-index: 99999999999999;
    padding: 10px;
    margin: 10px;
    width: 400px;
    height: 160px;
    position: relative;

}
.btnClose
{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.copy-link {
    --height: 36px;

    display: flex;
    /* max-width: 250px; */
  }

  .copy-link-input {
    flex-grow: 1;
    padding: 0 8px;
    font-size: 14px;
    border: 1px solid #cccccc;
    border-left: none;
    outline: none;
    width: 300px !important;
  }

  .copy-link-input:hover {
    background: #eeeeee;
  }

  .copy-link-button {
    flex-shrink: 0;
    width: 100px;
    height: var(--height);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FBBC04;
    border: 1px solid #FBBC04;
    color: #fff;
    outline: none;
    cursor: pointer;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }
.footer .d a
{
    color: #fff;
}

@media (min-width:300px) and (max-width:991px) {
            .lightBox
            {
                width: 300px !important;
                height: 150px !important;
                font-size: .7rem;
            }

        }
        .imgyassen img
        {
            width: 100%;
            height: 100%;
        }
        .imgyassen
        {
            border-radius: 50%;
            overflow: hidden;
        }
        @media (min-width:280px) and (max-width:991px){
            .carousel__item {
                display: none;
            }
            .carousel__item--active {
                display: block !important;
                width: 60% !important;
            }
            .feedbackcourse
            {
                margin-bottom: 50px !important;
            }
        }

        @media (min-width:375px) and (max-width:991px) {
            /* .sectionCoatHome
            {
                height: 138vh !important;
            } */
            .carousel__item--active {
                display: block !important;
                left: 25px !important;
                width: 90% !important;
            }
        }
        @media (min-width:600px) and (max-width:991px) {
            .carousel__item--active {
                display: block !important;
                width: 60% !important;
                left: 24% !important;
            }

        }
        @media (min-width:600px) and (max-width:991px) {
            .contentHeadPaageHome p {
                font-size: 15px !important;
            }


        }
        .imagebookNow img
        {
            width: 100%;
            height: 100%;
        }
        @media (min-width:280px) and (max-width:991px) {
            .faqs
            {
                width: 75%;
                margin: auto;
            }

        }
        .imagebookNow img
        {
            width: 100%;
            height: 100%;
        }
        @media (min-width:400px) and (max-width:991px) {
            .sectionCoatHome
            {
                height: 156vh;
            }

        }
        .imageDetails
        {
            width: 100%;
            height: 350px;
            border-radius: 7px;
            overflow: hidden;
            margin: 5px;
        }
        .imgDetails
        {
            width: 100%;
            height: 175px;
            border-radius: 7px;
            overflow: hidden;
            margin: 5px;
        }
        .imageDetails img
        {
            width: 100%;
            height: 100%;
        }
        .contentDetails ul li
        {
            margin: 15px 0px;
        }
        .secCoatHomevedio
        {
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0px;
            right: 0px;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            overflow: hidden;
        }
        .pCourse{
            height: 63px;
            overflow: hidden;
        }
        .contentHeadPaageHome
        {
            width: 60%;
            position: absolute;
            top: 15%;
            left: 15%;
            right: 15%;
            bottom: 15%;
            z-index: 99999;
            background-color: transparent;
        }
        .curdReviews
        {
            overflow: hidden;
        }
        .divCoatHome
        {
            bottom: -61px !important;
        }
        @media (min-width:280px) and (max-width:720px) {
            .contentHeadPaageHome
            {
                padding-top: 0px !important;
            }
            .contentHeadPaageHome h1
            {
                font-size: 18px;
                margin-top: 0px !important;
                padding-top: 20px !important;
            }
            .contentHeadPaageHome p
            {
                font-size: 10px;
            }
            .contentHeadPaageHome {
                width: 70% !important;
            }
            .divCoatHome
            {
                bottom: -50px;
            }
            .secCoatHomevedio {
                position: absolute;
                top: 60% !important;
                bottom: 15% !important;
                left: 0px;
                right: 0px;
                width: 100%;
                height: 100%;
                background-color: transparent !important;
                overflow: hidden;
            }
            .secCoatHomevedio video{
                height: 200px !important;
                position: absolute !important;
                z-index: 99999999 !important;

            }

        }
        @media (min-width:280px) and (max-width:991px) {
            .inputSubscribe
            {
                width: 50% !important;
            }
        }
        @media (min-width:375px) and (max-width:600px) {
    .sectionCoatHome {
    height: 100vh !important;
}
.secCoatHomevedio video {
    height: 500px !important;
    position: absolute !important;
    z-index: 99999999 !important;
}
  }
  .logoImg {
    width: 60px !important;
    height: 60px !important;
}
.divCoatHomeMobile{
display: none;
}  
@media (max-width:991px) {
.divCoatHomeMobile{
display: block;
margin-top: 250px !important;
} 
.divCoatHome{
display: none;
}
}
@media (max-width:990px) {
    .contentHeadPaageHome h1{
        display: none;
    }
    .contentHeadPaageHome p{
        display: none;
    }
    .arrowHome {
        display: none;
    }
    .secCoatHomevedio {
    position: absolute;
    top: 17% !important;
    bottom: 15% !important;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    overflow: hidden;
}
.buttonsbgHome {
    display: flex;
    justify-content: center;
    padding: 1px;
}
.buttonsbgHome .btn {
    font-size: .6rem;
    padding: 6px !important;
    margin:0px 5px !important;

}
.sectionCoatHome {
    height: 50vh !important;
}
.secCoatHomevedio video {
    height: 250px !important;
    position: absolute !important;
    z-index: 99999999 !important;
}
.buttonsbgHome {
    position: absolute;
    bottom: -45px;
    left: 15%;
    right: 15%;
}

  }
.showing {
    display: block !important;
}
.block {
    background-color: #A6A6A6 !important;
    transition: background-color 0.3s ease;
}