.complexMenu {
    padding: 0;
    display: flex;
    border-bottom: 2px solid #D9D9D9;
    align-items: center;
    list-style: none;
    margin: 0 0 35px;
}

.complexMenu li {position: relative;}

.complexMenu li::after {
    left: 0;
    height:4px;
    width: 100%;
    position: absolute;
    border-radius: 30px;
    background: transparent;
    bottom: -3px;
    content:"";
}

.complexMenu li:hover::after,
.complexMenu li.active::after {background: #172E55;}
.complexMenu li a {
    display: block;
    padding: 12px 54px;
    position: relative;
    color: #999999;
}

.complexMenu li.active a,
.complexMenu li a:hover {color: #172E55;}
.complexMenu li.active a{font-weight: 600;}

.complexMenu li a::after {
    right:0;
    top: 50%;
    width: 1px;
    position: absolute;
    transform: translateY(-50%);
    background: #D9D9D9;
    height: 10px;
    content: "";
}

.emlPass.logBoxLft {margin: 0 0 20px 50px;}

.plsColor input::placeholder {
    color: #172E55;
    opacity: 1;
}

.plsColor input::-ms-input-placeholder {color: #172E55;}

.plsColor .input-control.noLinkYet::placeholder { color: #8E8E8E}

.plsColor .input-control.noLinkYet::::-ms-input-placeholder {color: #8E8E8E}

.timeZsrc {width: 100%;}
.timeZsrcCont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.timeZsrcCont .input-control {
    width: 100%;
    color: #000;
    padding: 8px 20px;
    background: url(/images/broSearch.png) no-repeat right 20px center;
    background-color: #fff;
    border-radius: 5px;
    max-width: 350px;
}

.timeZsrcCont span {
    font-size: 14px;
    color: #000;
}

.socMidFlx {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    flex-wrap: wrap;
}
.socMidLft {width: 35.4000%;}
.socMidRit {width: 55%;}

.socMidFlx .smHeading strong {width: 100%;}

.socLink {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 20px;
    align-items: center;
    list-style: none;
    padding: 0;
    gap: 10px;
}

.socLinks .socLinkBox {
    width: 100px;
    height: 70px;
    display: flex;
    cursor: pointer;
    background: #fff;
    align-items: center;
    border: 1px solid #CBCBCB;
    justify-content: center;
    text-align: center;
    border-radius:5px;
    flex-wrap: wrap;
    padding: 8px 3px;
    font-weight:500;
    color: #172E55;
    font-size: 14px;
}

.socLinks .socLinkBox svg path {fill: #000}
.socLinks .socLinkBox:hover svg path,
.socLinks .socLinkBox.active svg path {fill: #172E55}
.socLinks .socLinkBox.active,
.socLinks .socLinkBox:hover {background: #DCCAAF;}
.socLinks .socLinkBox span {width: 100%;}
.socLnkShow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 20px;
}

.socLnkShow .socLnkInput,
.socLnkShow .socLnkInput input {
    width: 100%;
    color: #172E55
}

.socMidRit .socLink {justify-content: center;}

.prComDay {
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin:0;
}

.prComDay li {
    width: 100%;
    display: block;
    cursor: pointer;
    text-align: center;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    background: #fff;
    padding: 8px 5px;
    color: #172E55;
    font-size:14px;
}

.prComDay li:hover,
.prComDay li.active {background: #DCCAAF;}

.formToBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 5px;
    background: #fff;
    margin-top: 30px;
    flex-wrap: wrap;
}

.dayForm {
    color: #172E55;
    border-radius: 4px;
    font-family: inherit;
    border: 1px solid #CBCBCB;
    background: #DCCAAF;
    padding: 6px 20px;
    font-weight: 500;
    cursor: pointer;
}

.dayForm:hover {
    background: #172E55;
    color: #fff;
}

.formToBox .agree {margin: 5px 0}

.formToBox .agree input[type="checkbox"] {
    border-radius:3px;
    border-radius: 50%;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.24);
    border-color: #DCCAAF;
    height: 22px;
    width: 22px;
}

.formToBox .agree input[type="checkbox"]:checked {
    border-color: #DCCAAF;
    border-radius: 50%;

}

.formToBox .agree input[type="checkbox"]:checked::before {
    width: 16px;
    height: 16px;
    background: #DCCAAF;
    border: solid #DCCAAF;
    border-width: inherit;
    transform: rotate(0);
    border-radius: 50%;
    margin-bottom: -1px;
    display: block;
    content: "";
}

.dayFormbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tglOnOf {order: inherit;}
.dayFormbox .selectBox select {
    min-width: 60px;
    padding: 4px 30px 4px 15px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
}

.dayTForm {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media screen and (max-width: 1919px) {
    .socMidRit {width: 60%;}
}

@media screen and (max-width: 1666px) {
    .complexMenu li a {padding: 12px 30px;}
}

@media screen and (max-width: 1023px) {
    .timeZsrcCont .input-control {max-width: 100%;}
    .complexMenu li a {
        padding: 10px 20px;
        font-size: 14px;
    }

    .socMidLft,
    .socMidRit {width: 100%;}
}

@media screen and (max-width: 767px) {
    .complexMenu {flex-wrap: wrap;}
    .complexMenu li {
        width: 50%;
        text-align: center;
    }

    .complexMenu li a::after {display: none;}

    .prComDay {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .prComDay li {width: 100px;}
    .dayFormbox .selectBox {margin-bottom: 0;}
    .dayFormbox {flex-wrap: wrap;}
}

@media screen and (max-width: 600px) {
    .socLinks .socLinkBox {
        width: 48%;
        height: 90px;
    }
    .prComDay li {width: 48%;}
    .dayForm {width: 50%;}
    .dayTForm {
        width: 100%;
        font-weight: 700
    }
}