


.watchPage{
    margin-bottom: 46px !important;
    margin-top: 97px  !important;
}

.main-contact-div{

    /*margin-left: 30px !important;*/
    /*margin-right: 30px !important;*/
    display:flex;
    flex-flow: row wrap;
    justify-content:space-between;
}

.contact_section{
    margin-bottom: 100px !important;
    margin-top: 51px !important;
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.contact p{
    text-align: center;
    font: normal normal bold 40px/48px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
.contactArabic p{
    font: normal normal bold 40px/48px Neo Sans Arabic !important;
}
.contactKurdish p{
    font: normal normal bold 40px/48px RudawRegular !important;
}
.contact{
    text-align: center;
}

.send_butt {
    background:#ff0000;
    border: 0;
    display: inline-block;
    /*font-weight: 400;*/
    /*letter-spacing: 2px;*/
    overflow: hidden;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: transform 700ms;
    text-decoration: none;
    top: 38px;
    width: 240px;
    height: 44px;
    border-radius: 22px;
    font: normal normal normal 15px/18px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.send_butt_arabic {
    font: normal normal normal 15px/18px Neo Sans Arabic !important;
}
.send_butt_kurdish {
    font: normal normal normal 15px/18px RudawRegular !important;
}

.send_butt:hover{
    transform: translateX(10px);
    background:#ff0000;
    color: #fff;
}



input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 0;
}
input[type="checkbox"]:focus {
    outline: 0;
}
.cbx {
    position: absolute;
    width: 24px;
    height: 24px;
    /*top: calc(50vh - 12px);*/
    /*left: calc(50vw - 12px);*/
    display: inline;
}
.cbx input {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #bfbfc0;
    border-radius: 50%;
}
.cbx label {
    width: 24px;
    height: 24px;
    background: none;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: url("#goo");
    filter: url("#goo");
    transform: trasnlate3d(0, 0, 0);
    pointer-events: none;
}
.cbx svg {
    position: absolute;
    top: 5px;
    left: 4px;
    z-index: 1;
    pointer-events: none;
}
.cbx svg path {
    stroke: #fff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
    transition: stroke-dashoffset 0.3s ease;
    transition-delay: 0.2s;
}
.cbx input:checked + label {
    animation: splash 0.6s ease forwards;
}
.cbx input:checked + label + svg path {
    stroke-dashoffset: 0;
}
@-moz-keyframes splash {
    40% {
        background: #f00;
        box-shadow: 0 -18px 0 -8px #f00, 16px -8px 0 -8px #f00, 16px 8px 0 -8px #f00, 0 18px 0 -8px #f00, -16px 8px 0 -8px #f00, -16px -8px 0 -8px #f00;
    }
    100% {
        background: #f00;
        box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
}
@-webkit-keyframes splash {
    40% {
        background: #f00;
        box-shadow: 0 -18px 0 -8px #f00, 16px -8px 0 -8px #f00, 16px 8px 0 -8px #f00, 0 18px 0 -8px #f00, -16px 8px 0 -8px #f00, -16px -8px 0 -8px #f00;
    }
    100% {
        background: #f00;
        box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
}
@-o-keyframes splash {
    40% {
        background: #f00;
        box-shadow: 0 -18px 0 -8px #f00, 16px -8px 0 -8px #f00, 16px 8px 0 -8px #f00, 0 18px 0 -8px #f00, -16px 8px 0 -8px #f00, -16px -8px 0 -8px #f00;
    }
    100% {
        background: #f00;
        box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
}
@keyframes splash {
    40% {
        background: #f00;
        box-shadow: 0 -18px 0 -8px #f00, 16px -8px 0 -8px #f00, 16px 8px 0 -8px #f00, 0 18px 0 -8px #f00, -16px 8px 0 -8px #f00, -16px -8px 0 -8px #f00;
    }
    100% {
        background: #f00;
        box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
}


.required-field{
    text-align: left;
    font: normal normal normal 16px/24px Roboto;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.required-field-arabic{
    font: normal normal normal 16px/24px Neo Sans Arabic !important;
}
.required-field-kurdish{
    font: normal normal normal 16px/24px RudawRegular !important;
}
.form-control{
    font-size: 14px;
}

.Main_Branch{
    text-align: center;
    font: normal normal bold 20px/28px Roboto;
    letter-spacing: 0px;
    color: #000000;
}
.Main_Branch_Arabic{

    font: normal normal bold 20px/28px Neo Sans Arabic !important;

}
.Main_Branch_Kurdish{

    font: normal normal bold 20px/28px RudawRegular !important;

}

.street_info{
    text-align: center;
    font: normal normal normal 16px/28px Roboto;
    letter-spacing: 0px;
    color: #000000;
}

.street_info_Arabic{
    font: normal normal normal 16px/28px Neo Sans Arabic !important;
}
.street_info_Kurdish{
    font: normal normal normal 16px/28px RudawRegular !important;
}
.contactInfiSection{
    margin-top: 52px;
    margin-bottom: 81px;
}


.bor{
    border-right: 1px solid #F8F7F6;
}
.col-lg-3{
    height: 135px;
}

.conHR hr{
    color: #cccac7;

}

.toast {
    z-index: 99999999999999999 !important;
}

.ShowMobile br{
    display: none;
}

.disabled_butt{
    cursor: not-allowed !important;
}

.curnotall{
    cursor: not-allowed !important;
}

.alertmess{
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}
.agreeMobile {

    display: inline;


    text-align: left;
    font: normal normal normal 16px/24px Roboto;
    letter-spacing: 0px;
    color: #13161A;
    opacity: 1;
}
.agreeMobileArabic {
    font: normal normal normal 16px/24px Neo Sans Arabic !important;
}

.agreeMobileKurdish {
    font: normal normal normal 16px/24px RudawRegular !important;
}
@media screen and (max-width:1000px) {

    .MainContactIMage{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .contact p {
        text-align: center;
        font: normal normal bold 40px/48px Roboto;
        letter-spacing: 0px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .contact_section {
        margin-bottom: 54px !important;
        margin-top: 30px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .flo p {
        font-weight: bold;
        font-size: 17px;
        margin-top: -61px;
        color: white;
    }
    .hidMobile br{
        display: none;
    }

    .ShowMobile br{
        display: block;
    }


    .contactInfiSection {
        margin-top: 10px;
        margin-bottom: 0px;
    }


    .bor {
        border-right: none;
        border-bottom: 1px solid #F8F7F6;
    }


    .col-lg-3 {
        height: 161px;
    }


    .borForMobile {
        height: 202px;
    }

    .agreeMobile {

        display: inline;


        text-align: left;
        font: normal normal normal 16px/24px Roboto;
        letter-spacing: 0px;
        color: #13161A;
        opacity: 1;
    }
    .agreeMobileArabic {
        font: normal normal normal 16px/24px Neo Sans Arabic !important;
    }
    .conHR hr{
        width: 90%;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .flo{
        font: normal normal bold 26px/32px Roboto;
    }
}
