.Services {
    background: url("/media/images/NewStyle/img/elements/SaleBG.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}


.customContainer{
    width:1300px;
    margin:0 auto;
    padding:150px 0;
}


.header-block{
    background-color:#0000006b;
    padding:22px 70px 16px;
    text-align:right;
    position:relative;
    direction:rtl;
}

.header-block h1{
    font-family:Beirot;
}


.header-block  img{
    width:120px;
    position:absolute;
    left:55px;
    padding:7px 0;
    
}


.warning-block{
    background-color:#fffc2f;
    padding:20px 70px;
    text-align:right;
    position:relative;
    direction:rtl;
    margin-top:50px;
    border-radius:10px;
}

.warning-block h2{
    font-family:Titr;
    color:#3c3c3c;
    font-size:150%;
    line-height:42px;
    text-align:center;
    margin-bottom:0;
}

.collapseTitle{
    padding:20px 40px;
    text-align:right;
    position:relative;
    direction:rtl;
    margin-top:50px;
    font-family:Iranyekan, Ebrima;
    color:white;
    font-size:147%;
}


.activeTitle{
    background-color:#ffd806 !important;
    
}

.activeTitleColor{
    color:#2d2d2c !important;
}


.card{
    padding:35px 75px;
    border-radius:0 !important;
    border-bottom-left-radius:10px !important;
    border-bottom-right-radius:10px !important;
}

.terms-block{
    position:relative;
}

.terms-block li{
    text-align:justify;
    direction:rtl;
    font-family:Iranyekan, Ebrima;
    line-height:26px;
    font-size:16px;
    padding-right:0px;
    position:relative;
}



.terms-block li:first-line{
    padding:0 15px;   
}


.terms-block li i{
    font-size:10px;
    padding-left:8px;
}


.conditions-block{
    background-color:#0000006b;
    padding:25px;
    text-align:right;
    direction:rtl;
    margin-top:50px;
}

.conditions-block .title{
    background-color:#ffd806;
    padding:20px 25px;
}


.conditions-block .title h3{
    font-family:Iranyekan;
    margin-bottom:0;
    color:#2d2d2c;
    font-size:147%;
}

.conditions-block .body{
    padding:30px 50px 20px;
    text-align:justify;
}

.conditions-block .body ul li{
    font-family:Iranyekan,Ebrima;
    color:white;
    font-size:17px;
    line-height:30px;
}

.terms-block p{
    color:#212529 !important;
}


.video-section{
    background-color:#0000006b;
    padding:36px 107px 34px;
    margin-top:50px;
}


.video-col, .title-col{
    max-width:50%;
    flex:0 0 50%;
}


.video-col{
    padding-left:5%;
}

video{
    width:100%;
    box-shadow:0 0 30px #00000078;
}


.title-col h2{
    font-family:Beirot;
    text-align:left;
    padding:23% 5% 1% 0;
}

.title-col h2:before{
    font-family: "Font Awesome 5 Free";
    content:"\f0c8";
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    font-weight: 900;
    color:yellow;
    border-radius: 0;
    font-size: 18px;
}

.title-col p{
    font-family:Iranyekan;
    color:white;
    padding-left:25px
}

.collapse-icon{
    position:absolute;
    top:0;
    left:0;
    width:3%;
    height:100%;
    background-color:#0000006b;
    line-height:100%;
    text-align:center;
}


.collapse-icon:hover{
    cursor:pointer;
}




.open i{
    transition: transform .4s ease-in-out;  
    
}

.collapseClose{
    background-color:#ffd806 !important;
}

.collapseClose i{
     transition: transform .4s ease-in-out;  
    transform:rotate(180deg);
    color:#2d2d2c !important;
}


.collapse-icon i{
    color:#ffd806;
    font-size:27px;
    padding:0;
    position:relative;
}

.bgOverlay{
    position:absolute;
    width:96.5%;
    height:100%;
    top:0;
    right:0;
    background-color:#0000006b;
    max-height:150px;
}





.margin-top-6{
    margin-top:6px;
}

.terms-block .padding{
    padding:12px 50px;
}


.QuestionHeader{
    background-color:#ffd806;
    text-align:right;
    padding:20px 50px;
}

.QuestionHeader h2{
    font-family:Iranyekan;
    margin-bottom:0;
    color:#2d2d2c;
    font-size:160%;
}


.faq-block{
    background-color:#0000006b;
    padding:25px;
    text-align:right;
    margin-top:50px;
}

.faq-body{
    padding:27px 0 10px;
}


.faq-body .collapseTitle {
    font-size:110%;
}


.collapseTitle:hover {
    cursor:pointer;
}


.bullet{
    padding:35px 80px;
}

.bullet li{
    text-indent:-9px;
}


.number-{
        padding:35px 71px;
}

.number- li{
    text-indent:-19px;
}

.LinkPage{
    color:blue;
    font-weight:700;
    text-decoration:underline;
}


.garantee{
    padding-top:30px
}


.electric-garantee p{
    padding-left:30px;
    padding-right:30px;
}

.no-padding-top{
    padding-top:0 !important;
}


@media only screen and (max-width:1420px){
    .customContainer{
        max-width:1100px;
    }
    
    .warning-block h2{
        font-size:135%;
    }
    
    
    .video-section{
        padding:36px 74px 34px;
    }
    
    .title-col h2{
        font-size:180%;
        padding:21% 5% 1% 0;
    }
    
    
    .collapseTitle{
        font-size:140%;
    }
    
    
    .bgOverlay{
        width:95.5%;
    }
    
    
    .collapse-icon{
        width:4%;
    }
    
    
}

@media only screen and (max-width:1200px){
    .customContainer{
        max-width:900px;
        padding:120px 0
    }
    
    .header-block h1{
        font-size:210%;
    }
    
    .header-block img{
        width:100px;
        padding:6px 0;
    }
    
    .warning-block h2{
        font-size:115%;
    }
    
    
    .title-col h2{
        font-size:165%;
        padding:17% 5% 1% 0;
    }
    
    .title-col p{
        text-align:left;
    }
    
    .collapseTitle{
        font-size:120%;
        padding:16px 40px;
    }
    
    
    
    
    .conditions-block .title h3{
        font-size:133%;
    }
    
    
    .QuestionHeader h2{
        font-size:143%;
    }
    
    
    .bgOverlay{
        width:94.5%;
    }
    
    
    .collapse-icon{
        width:5%;
    }
    

    
    .collapseTitle{
        padding:14px 40px;
    }
}


@media only screen and (max-width:991px){
    .customContainer{
        max-width:700px;
        padding:100px 0;
    }
    
    .header-block{
        padding:22px 50px 16px;
    }
    
    
    .header-block h1{
        font-size:180%;
    }
    
    
    .header-block img{
        width:89px;
        padding:4px 0;
        left:42px;
    }
    
    .warning-block{
        margin-top:25px;
        padding:13px 30px;
    }
    
    .warning-block h2{
        line-height:33px;
        font-size:110%;
    }
    
    
    .video-section{
        margin-top:25px;
    }
    
    
    .video-col, .title-col{
        max-width:100%;
        flex: 0 0 100%;
    }
    
    
    .video-col{
        padding-left:0;
        order:1;
    }
    
    
    .conditions-block{
        margin-top:25px;
    }
    
    
    .title-col{
        order:2;
    }
    
    
    .faq-block{
        margin-top:25px;
    }
    
    
    .title-col h2{
        padding:7% 0 2%;
        text-align:right;
    }
    
    
    .title-col h2:before{
        content:none;
    }
    
    
    .title-col h2:after{
        font-family: "Font Awesome 5 Free";
        content:"\f0c8";
        display: inline-block;
        padding-left: 10px;
        vertical-align: middle;
        font-weight: 900;
        color:yellow;
        border-radius: 0;
        font-size: 14px;
    }
        
    
    .title-col p{
        padding:0 5% 0 0;
        text-align:right;
        margin-bottom:0;
    }
    
    .collapseTitle{
        font-size:110%;
    }
    
    .collapseTitle{
        margin-top:25px;
    }
    
    .bgOverlay{
        width:93.1%;
    }
    
    
    .collapse-icon{
        width:6%;
    }
    
    
    .bullet{
        padding:15px 71px;
    }
    
    
    .margin-top-6{
        margin-top:5px;
    }
    
    
    .terms-block .padding{
        padding:12px 30px;
    }
    
    
    .QuestionHeader{
        padding:14px 30px;
    }
    
    .number-{
        padding:24px 62px;
    }
}


@media only screen and (max-width:768px){
    .customContainer{
        max-width:550px;
    }
    
    .collapseTitle{
        line-height:35px;
    }
    
    
    .conditions-block .body{
        padding:20px 50px 20px 27px
    }
    
    .bgOverlay{
        width:91.1%
    }
    
    .collapse-icon{
        width:8%;
    }
    
    .terms-block .padding{
        padding:12px 30px 12px 40px;
    }
    

    
    
    .phone-padding i{
        padding:0 !important;
        position:relative;
    }
    

}


@media only screen and (max-width:575px){
    .customContainer{
        max-width:90%;
    }
    
    
    .video-section{
        padding:22px 40px 34px;
    }
    
    
    .bullet{
        padding:21px 51px 21px 31px;
    }
    
    .number-{
        padding:21px 48px 21px 30px;
    }
    
    .conditions-block .title h3{
        font-size:125%;
    }
    
    .conditions-block .title{
        padding:16px 17px;
        margin:-10px;
    }
    
    
    .conditions-block .body{
        padding:20px 21px 20px 1px;
    }
    
    .conditions-block .body ul li{
        font-size:16px;
    }
    
    .faq-body .collapseTitle{
        font-size:100%  ;
    }
    
    .collapseTitle{
        font-size:100%;
    }
    
    
    
    .QuestionHeader h2{
        font-size:130%;
    }
    
}


@media only screen and (max-width:500px){
    .header-block img{
        display:none;
    }
    
    .header{
        width:100%;
        text-align:center;
    }
    
    
    .header-block h1{
        font-size:220%;
    }
    
    .collapseTitle{
        padding:14px 20px 14px 56px;
    }
    
    
    .bullet{
        padding:21px 36px 21px 22px;
    }
    
    .number-{
        padding:21px 36px 21px 23px;
    }
    
    .conditions-block .title h3{
        font-size:120%;
    }
    
    .faq-body .bgOverlay{
        width:87.1%;
    }
    
    .faq-body .collapse-icon{
        width:11%;
    }
    
    .faq-body .terms-block .padding{
        padding:12px 30px 12px 65px;
    }
    
    .conditions-block .title h3{
        font-size:110%;
    }
}

@media only screen and (max-width:470px){
    .title-col h2{
        font-size:150%;
    }
}


@media only screen and (max-width:435px){
    .video-section{
        padding:12px 28px 25px;
    }
    
    
    .conditions-block{
        padding:16px;
    }
    
    
    .faq-block{
        padding:16px;
    }
    
    .faq-body{
        padding:3px 0 10px;
    }
    
    .faq-body .terms-block .padding{
        padding:12px 11px 12px 59px;
    }
    
    .title-col h2{
        font-size:140%;
    }
    
    .QuestionHeader{
        padding:10px;
    }
}


@media only screen and (max-width:380px){
    .title-col h2:after{
       content:none;
    }
}