.textTopPart {
    /* margin-top: 10dvh; */
    /* text-align: center; */
    display: flex;
    /* justify-content:center; */
    /* gap: 1dvh; */
    align-items: center;
}

.textTopPart h3 {
    font-size: 28px;
    font-weight: 100;
}

.textTopPart img {
    align-items: center;
    scale: 0.8;
}


/* containerServices////////////////////////////////////////////////////// */

.containerServices .leftCS .leftCS1 h1 {
    font-size: 43px;
}

.containerServices {
    width: 80%;
    display: flex;
    flex-direction: row-reverse;
    margin: 10dvh auto;
    margin-bottom: 20dvh;
    direction: rtl;
}

.containerServices .rightCS {
    width: 50%;
    text-align: center;
    direction: rtl;
    padding: 2vh;
    box-sizing: border-box;
    justify-content: center;
    margin: 0 auto;
    align-self: center;
}

.containerServices .containerFirstImageServices {
    width: 70%;
}

.containerServices .rightCS .firstImageServices {
    width: 100%;
}

.containerServices .leftCS {
    display: flex;
    flex-direction: column;
    justify-content: center;
    direction: rtl;
    padding: 1vh;
    box-sizing: border-box;
    align-items: center;
    width: 50%;
}

.containerFirstServices {
    background-color: #FFB534;
    border-radius: 30px;
    border-top-right-radius: 0;
}

.containerServices .leftCS .leftCS1 {
    width: 80%;
    box-sizing: border-box;
    text-align: justify;
    /* margin-top: 5%; */
}

.containerServices .leftCS .btnCS {
    display: flex;
    width: 80%;
    justify-content: start;
    margin-top: 2%;
    margin-bottom: 5%;
}

.containerServices .leftCS .btnCS .btnLCS {
    margin-right: 2%;
    background-color: #FBF6EE;
    color: #F09738;
    padding: 2%;
    box-sizing: border-box;
    flex-grow: 0.3;
    border-radius: 20px;
    border-top-right-radius: 0;
    text-align: center;
    border: none;
    font-weight: bolder;
    box-sizing: border-box;
}


/* containerAnswers////////////////////////////////////////////////////// */

.containerAnswers .leftCS .leftCS1 h1 {
    font-size: 43px;
}

.containerAnswers {
    width: 80%;
    display: flex;
    flex-direction: row-reverse;
    margin: 2vh auto;
    margin-bottom: 20vh;
    background-color: #4AA94C;
    border-radius: 20px;
}

.containerAnswers .rightCS {
    width: 40%;
    direction: rtl;
    box-sizing: border-box;
    margin: 0 auto;
    align-self: center;
    background-color: #4AA94C;
    border-radius: 25px;
}

.containerAnswers .rightCS .imgContainer {
    width: 100%;
    display: flex;
}

.containerAnswers .leftCS {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    direction: rtl;
    /* padding: 1vh; */
    box-sizing: border-box;
    align-items: center;
}

.containerAnswers .leftCS .leftCS1 {
    width: 80%;
    box-sizing: border-box;
    text-align: center;
    /* margin-top: 5%; */
    color: #FBF6EE;
}

.containerAnswers .leftCS .btnCS {
    display: flex;
    width: 80%;
    justify-content: center;
}

.containerAnswers .leftCS .btnCS .btnLCS {
    margin-right: 2%;
    background-color: #FBF6EE;
    padding: 1%;
    box-sizing: border-box;
    flex-grow: 0.3;
    border-radius: 20px;
    text-align: center;
    border: none;
    font-weight: bolder;
    box-sizing: border-box;
    color: #4AA94C;
}

.btncontainer1 .btnRcontainer1:hover,
.btnPhone .btnRPhone:hover {
    background-color: rgb(255, 174, 35) !important;
    border: solid rgb(255 181 52);
    color: #FBF6EE !important;
}

.btncontainer1 .btnLcontainer1:hover,
.btnPhone .btnLPhone:hover,
.btnLCS:hover {
    background-color: rgb(255, 174, 35) !important;
    border: solid rgb(255 181 52);
    color: #FBF6EE !important;
}

.thirdBtn:hover {
    background-color: #02ac05 !important;
    border: solid rgb(255 181 52);
    color: #FBF6EE !important;
}


/* containerAnswers////////////////////////////////////////////////////// */

.lastContainerServices {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
    margin: 2dvh auto;
    margin-bottom: 20dvh;
}

.lastContainerServices .rightPartSer {
    width: 50%;
}

.lastContainerServices .rightPartSer .topRPartSer {
    display: flex;
    flex-direction: row-reverse;
}

.lastContainerServices .rightPartSer .topRPartSer .rTopSer {
    /* text-align: end; */
    display: flex;
    /* width: 38%; */
    margin-top: -80px;
    justify-content: end;
}

.lastContainerServices .rightPartSer .topRPartSer .rTopSer .imgContainer2 {
    width: 60%;
}

.lastContainerServices .rightPartSer .topRPartSer .lTopSer {
    margin: auto 0 auto;
}

.lastContainerServices .rightPartSer .topRPartSer .lTopSer p {
    font-size: 20px;
}

.lastContainerServices .rightPartSer .downPartSer {
    width: 80%;
    margin: 3dvh auto;
    background-color: #FFB534;
    direction: rtl;
    padding: 20px;
    border-radius: 25px;
    border-bottom-right-radius: 0;
    color: #3A3A3A;
}

.lastContainerServices .leftPartSer {
    width: 50%;
    /* display: flex; */
    align-self: center;
    box-sizing: border-box;
    padding-top: 5dvh;
    padding-right: 5dvh;
    padding-bottom: 5dvh;
}

.lastContainerServices .leftPartSer .imgContainer1 {
    /* width: 100%; */
    box-sizing: border-box;
}


/*           lastContainerServices           */

.phoneShow {
    display: none;
}

@media screen and (max-width: 1208px) {
    .leftContainer1 h3 {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 1051px) {
    .containerServices .leftCS .leftCS1 h3,
    .containerAnswers .leftCS .leftCS1 h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 914px) {
    .leftContainer1 h3 {
        font-size: 25px !important;
    }
}

@media screen and (max-width: 800px) {
    .container1 {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        margin: 3vh auto;
    }
    .container1 .rightContainer1 {
        width: 50%;
        direction: rtl;
        box-sizing: border-box;
        padding: 0;
    }
    .container1 .rightContainer1 .imgContainer {
        width: 100%;
    }
    .container1 .leftblank .leftContainer1 h1 {
        font-size: 14px;
    }
    .container1 .leftblank .leftContainer1 p {
        font-size: 12px;
    }
    .btnLcontainer1,
    .btncontainer1,
    .btnRcontainer1 {
        display: none;
    }
    .btnPhone {
        display: flex;
        flex-direction: row;
        width: 60%;
        justify-content: space-around;
        margin: 0 auto;
    }
    .btnPhone .btnRPhone {
        padding: 2%;
        box-sizing: border-box;
        border-radius: 20px;
        flex-grow: 1;
        text-align: center;
        border: solid;
        border-color: rgb(255 181 52);
        font-weight: 200;
        box-sizing: border-box;
        flex-direction: column;
        margin-right: 25px;
    }
    .btnPhone .btnLPhone {
        padding: 2%;
        box-sizing: border-box;
        border-radius: 20px;
        flex-grow: 1;
        font-weight: 200;
        text-align: center;
        border: solid;
        border-color: rgb(255 181 52);
        box-sizing: border-box;
        flex-direction: column;
        background-color: rgb(255 181 52);
    }
    /* /////////////////////////////////////////////// */
    .cardContainer {
        display: none;
    }
    .cardPhone {
        display: flex;
        flex-direction: row;
        margin: 2vh auto;
        width: 80%;
        direction: rtl;
        justify-content: center;
    }
    .rightBotton,
    .leftBottom {
        width: 10%;
        padding: 5px;
        box-sizing: border-box;
        margin: auto;
        align-items: center;
        text-align: center;
    }
    .cardPhone h3 {
        font-size: 14px;
    }
    .cardPhone p {
        font-size: 11px;
    }
    .cardPhone .middleBox {
        padding: 1vh;
        box-sizing: border-box;
        margin: 0 auto;
        background-color: #99C67A;
    }
    .cardPhone .middleBox .inerCardImg {
        width: 70%;
        margin: 0 auto;
    }
    .cardPhone .middleBox .inerCardImg .imgRealInerCard {
        width: 100%;
    }
    .cardPhone .middleBox .inerTextCard {
        width: 70%;
        margin: 0 auto;
    }
    /* /////////////////////////////////////////////// */
    .containerServices .leftCS .leftCS1 h1 {
        font-size: 14px;
    }
    .containerServices .leftCS .leftCS1 p {
        font-size: 14px;
    }
    .containerServices .rightCS {
        width: 50%;
        text-align: center;
        direction: rtl;
        padding: 0%;
        box-sizing: border-box;
        justify-content: center;
        margin: 5vh auto;
    }
    .containerServices .rightCS .imgContainer {
        width: 100%;
    }
    .containerServices .leftCS .btnCS {
        display: flex;
        width: 80%;
        justify-content: center;
        margin-top: 2%;
        font-size: 10px;
    }
    /* /////////////////////////////////////////////// */
    .containerAnswers .leftCS .leftCS1 h1 {
        font-size: 13px;
    }
    .containerAnswers .leftCS .leftCS1 p {
        font-size: 12px;
    }
    .containerAnswers .rightCS {
        width: 50%;
        text-align: center;
        direction: rtl;
        padding: 0%;
        box-sizing: border-box;
        justify-content: center;
        /* margin: 5vh auto; */
    }
    .containerAnswers .rightCS .imgContainer {
        width: 100%;
    }
    .containerAnswers .leftCS .btnCS {
        display: flex;
        width: 80%;
        justify-content: center;
        /* margin-top: 2%; */
        font-size: 10px;
    }
}

@media screen and (max-width: 755px) {
    .containerServices,
    .containerAnswers {
        width: 90%;
    }
    .imgContainer {
        width: 90% !important;
    }
    .plate {
        width: 100% !important;
    }
}

@media screen and (max-width: 643px) {
    .containerServices .leftCS .leftCS1 h3,
    .containerAnswers .leftCS .leftCS1 h3 {
        font-size: 14px;
    }
}

@media screen and (min-width: 570px) and (max-width: 720px) {
    .rTopSer {
        width: 80%;
    }
}

@media screen and (max-width: 670px) {
    .containerServices .leftCS .leftCS1 p {
        font-size: 13px !important;
    }
    .leftPartSer {
        padding-right: 0 !important;
    }
    .lTopSer p {
        font-size: 14px !important;
    }
    .downPartSer {
        padding: 15px !important;
    }
    .downPartSer p {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 542px) {
    .rTopSer {
        display: none !important;
    }
    .lastContainerServices .rightPartSer .topRPartSer .lTopSer {
        margin: auto;
    }
    .container1 .leftblank .leftContainer1 h3 {
        font-size: 18px !important;
    }
    .phoneHiden {
        display: none;
    }
    .phoneShow {
        display: flex;
        flex-direction: row;
    }
    .containerServices {
        flex-direction: column;
        align-items: center;
        margin-top: 2dvh !important;
    }
    .containerServices .rightCS {
        margin-top: 2dvh !important;
        width: 100%;
    }
    .containerServices .leftCS {
        margin-top: 2dvh !important;
        width: 70%;
        padding-top: 5%;
    }
    .lastContainerServices {
        flex-direction: column;
        align-items: center;
    }
    .lastContainerServices .rightPartSer {
        width: 100%;
    }
    .downPartSer {
        padding: 3dvh !important;
    }
    .lTopSer p {
        font-size: 20px !important;
    }
    .imgContainer {
        width: 100% !important;
    }
    .lastContainerServices {
        margin-bottom: 5dvh !important;
    }
}

@media screen and (max-width: 524px) {
    .containerServices .leftCS .leftCS1 h3,
    .containerAnswers .leftCS .leftCS1 h3 {
        font-size: 16px;
    }
}

@media screen and (max-width: 413px) {
    .containerServices .leftCS .leftCS1 p {
        font-size: 11px !important;
    }
    .containerServices .leftCS .leftCS1 .textTopPart h3 {
        font-size: 13px;
    }
}

@media screen and (max-width: 395px) {
    .container1 .leftblank .leftContainer1 h3 {
        font-size: 13px !important;
    }
    .containerServices .leftCS .leftCS1 h3,
    .containerAnswers .leftCS .leftCS1 h3 {
        font-size: 11px;
    }
    .containerAnswers .leftCS .leftCS1 p,
    .containerServices .leftCS .leftCS1 p {
        font-size: 11px;
    }
    .containerServices,
    .containerAnswers {
        width: 95%;
    }
}

@media screen and (max-width: 330px) {
    .container1 .leftblank .leftContainer1 h3 {
        font-size: 13px !important;
    }
    .containerServices .leftCS .leftCS1 h3,
    .containerAnswers .leftCS .leftCS1 h3 {
        font-size: 10px;
    }
    .containerAnswers .leftCS .leftCS1 p,
    .containerServices .leftCS .leftCS1 p {
        font-size: 10px;
    }
}


/* @media screen and (max-width: 300px) {
    body{
        display: none;
    }
} */