/* start new section in home */
.pac-container {
    display: block;
    z-index: 9999;
}

.app {
    margin: 50px 0;
}
.app .app-left {
    align-self: center;
}
.app .download-app {
    display: flex;
}

.app h2 {
    color: #484848;
    line-height: 32px;
    font-size: 24px;
    margin-top: 15px;
}
.app p {
    align-self: center;
    margin-left: 15px;
    margin-bottom: 0;
    color: #484848;
}
.app .app-right img {
    width: 100%;
}
.cut {
    margin: 50px 0 150px 0;
}
.cut .cut-left {
    align-self: center;
    padding-left: 79px;
}
.cut .download-cut {
    display: flex;
}
.cut .download-btn {
    display: flex;
}
.cut .download-btn a {
    background: #c64ff9;
    color: #fff;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 600;
    padding: 14px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #c64ff9;
    transition: 0.4s;
}
.cut .download-btn a:hover {
    color: #c64ff9;
    background: #fff;
}
.cut h2 {
    color: #484848;
    line-height: 32px;
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 25px;
}
.cut p {
    align-self: center;
    margin-left: 15px;
    margin-bottom: 0;
    color: #484848;
}
.cut .cut-right img {
    width: 100%;
}
/* end new section in home */

.blog-list img {
    width: 100%;
    height: 200px;
}
.blog-list a {
    text-decoration: none;
    color: #333;
}
.blog-list h5 {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-list .blog-4 {
    margin-bottom: 10px;
}
.blog-list .content div {
    font-size: 13px;
    padding-bottom: 10px;
}
.blog-list .content div h1,
.blog-list .content div h2,
.blog-list .content div h3,
.blog-list .content div h4,
.blog-list .content div h5,
.blog-list .content div h6,
.blog-list .content div p {
    font-size: 14px;
    font-weight: 400;
}
.blog-list .red-more {
    font-size: 14px;
    background-color: c64ff9;
    border: 1px solid c64ff9;
    border-radius: 5px;
    color: #fff;
    padding: 7px 20px 8px 20px;
    cursor: pointer;
}
.blog-list button:hover {
    background-color: c64ff9;
    border: 1px solid c64ff9;
}
.blog-list .blog-card {
    height: 400px;
    margin: 0 5px;
    border: 0;
    box-shadow: 0 1px 1px 0 #00000017;
}
.blog-list .blog-read {
    margin: auto;
    /* margin-bottom: 15px; */
}
.blog-list .blog-img {
    height: 40%;
}
.blog-img {
    width: 300px;
}
.blog-list .blog-body {
    height: 45%;
    padding: 0 15px;
    overflow-y: hidden;
}
.blog-list .blog-read {
    height: 15%;
    display: flex;
    align-items: center;
}
.blog-list .blog-card:hover {
    box-shadow: 0 5px 8px 0 #00000017;
}

select {
    -webkit-appearance: none;
}

/* start under maintaince css */

#maintaince .container {
    padding-bottom: 50px;
    margin: 100px auto;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    background: #ece0d6;
}

#maintaince .box {
    width: auto;
    height: 500px;
    background: #fff;
    margin-top: 50px;
    margin-left: 100px;
    margin-right: 100px;
    border-radius: 5px;
    /* box-shadow: 6px 18px 18px rgba(0, 0, 0, 0.08), -6px 18px 18px rgba(0, 0, 0, 0.08); */
}

#maintaince .animation {
    margin-top: 20%;
    display: inline-block;
    margin-bottom: 5%;
}

#maintaince h1 {
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
}
#maintaince p {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

#maintaince a {
    color: c64ff9;
    font-weight: bold;
    text-decoration: none;
    margin-left: 5px;
}

#maintaince .one,
.two,
.three {
    display: block;
    float: left;
}

#maintaince .one {
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281px%22%20height%3D%2280.5px%22%20viewBox%3D%220%200%2081%2080.5%22%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%2081%2080.5%3B%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23383838%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M30.3%2C68.2c1.2%2C0.2%2C2.3%2C0.9%2C3.8%2C1.2c1.6%2C0.3%2C2.7%2C0.6%2C4%2C0.4l4.9%2C9.6c0.6%2C0.9%2C1.4%2C1.1%2C2.3%2C0.9l15.3-4.9%0A%09c0.5-0.3%2C1-1%2C0.9-2.3l-1.8-10.6c2-1.6%2C3.6-3.7%2C5.3-5.8l10.5%2C0.6c1.1%2C0.6%2C2.1-0.4%2C2.3-1.1L81%2C40.7c0.2-0.8-0.4-2.1-1.1-2.3l-10.2-3.8%0A%09c-0.3-2.5-1.4-4.8-2.5-7.5l5.9-8.5c0.6-1.1%2C0.4-1.9-0.2-2.9l-12-10.7c-0.3-0.5-1.6-0.3-2.5%2C0.3l-8%2C6.9c-1.2-0.2-2.3-0.9-3.8-1.2%0A%09c-1.6-0.3-2.7-0.6-4-0.4L37.7%2C1c-0.6-0.9-1.4-1.1-2.3-0.9L20.1%2C5c-0.5%2C0.3-1%2C1-0.9%2C2.3l1.8%2C10.6c-2%2C1.6-3.6%2C3.7-5.3%2C5.8L5.3%2C23%0A%09c-0.8-0.2-1.7%2C0.4-2%2C1.6L0%2C40.2c-0.2%2C0.8%2C0.4%2C2.1%2C1.1%2C2.3l9.8%2C3.7c0.7%2C2.6%2C1.4%2C5.2%2C2.5%2C7.5l-6%2C8.9c-0.6%2C0.7-0.4%2C2%2C0.3%2C2.5l12%2C10.7%0A%09c0.7%2C0.5%2C1.9%2C0.8%2C2.4%2C0.1L30.3%2C68.2z%20M26.7%2C37.3c1.6-7.4%2C9.1-12.3%2C16.5-10.8S55.6%2C35.7%2C54%2C43.1c-1.6%2C7.4-9.1%2C12.3-16.5%2C10.7%0A%09C30.1%2C52.3%2C25.1%2C44.7%2C26.7%2C37.3L26.7%2C37.3z%22%2F%3E%0A%3C%2Fsvg%3E");
    width: 80px;
    height: 80px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -10px;
    margin-right: 8px;
}

#maintaince .two {
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22103px%22%20height%3D%22103.7px%22%20viewBox%3D%220%200%20103%20103.7%22%0A%09%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%20103%20103.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23F6921E%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M87.3%2C64.8c0.3-1.5%2C1.1-2.9%2C1.6-4.9c0.4-2%2C0.7-3.5%2C0.5-5.1l12.3-6.3c1.2-0.8%2C1.4-1.8%2C1.1-2.9l-6.3-19.6%0A%09c-0.4-0.6-1.3-1.3-2.9-1.1l-13.5%2C2.3c-2.1-2.5-4.7-4.7-7.4-6.8l0.8-13.4C74.3%2C5.8%2C73%2C4.5%2C72%2C4.3L52.1%2C0c-1-0.2-2.7%2C0.5-2.9%2C1.5%0A%09l-4.8%2C13c-3.2%2C0.4-6.1%2C1.8-9.5%2C3.2l-10.9-7.5c-1.4-0.8-2.5-0.5-3.7%2C0.3L6.5%2C25.8c-0.6%2C0.4-0.4%2C2%2C0.4%2C3.2l8.8%2C10.2%0A%09c-0.3%2C1.5-1.1%2C2.9-1.5%2C4.9c-0.4%2C2-0.7%2C3.5-0.6%2C5.1L1.2%2C55.4c-1.2%2C0.8-1.4%2C1.8-1.1%2C2.9l6.3%2C19.6c0.4%2C0.6%2C1.3%2C1.3%2C2.9%2C1.1l13.5-2.3%0A%09c2.1%2C2.5%2C4.7%2C4.7%2C7.4%2C6.8l-0.8%2C13.4c-0.2%2C1%2C0.6%2C2.2%2C2.1%2C2.5l20%2C4.2c1%2C0.2%2C2.7-0.5%2C2.9-1.5l4.7-12.6c3.3-0.9%2C6.6-1.7%2C9.5-3.2L80.1%2C94%0A%09c0.9%2C0.7%2C2.5%2C0.5%2C3.2-0.4L97%2C78.3c0.7-0.9%2C1-2.4%2C0.1-3.1L87.3%2C64.8z%20M47.8%2C69.5C38.3%2C67.5%2C32%2C57.8%2C34%2C48.3%0A%09c2-9.5%2C11.7-15.8%2C21.2-13.8c9.5%2C2%2C15.7%2C11.7%2C13.7%2C21.2C66.9%2C65.2%2C57.3%2C71.5%2C47.8%2C69.5L47.8%2C69.5z%22%2F%3E%0A%3C%2Fsvg%3E");
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* pap */
/*
  .two {
    background: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22103px%22%20height%3D%22103.7px%22%20viewBox%3D%220%200%20103%20103.7%22%0A%09%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%20103%20103.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%235197d6%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M87.3%2C64.8c0.3-1.5%2C1.1-2.9%2C1.6-4.9c0.4-2%2C0.7-3.5%2C0.5-5.1l12.3-6.3c1.2-0.8%2C1.4-1.8%2C1.1-2.9l-6.3-19.6%0A%09c-0.4-0.6-1.3-1.3-2.9-1.1l-13.5%2C2.3c-2.1-2.5-4.7-4.7-7.4-6.8l0.8-13.4C74.3%2C5.8%2C73%2C4.5%2C72%2C4.3L52.1%2C0c-1-0.2-2.7%2C0.5-2.9%2C1.5%0A%09l-4.8%2C13c-3.2%2C0.4-6.1%2C1.8-9.5%2C3.2l-10.9-7.5c-1.4-0.8-2.5-0.5-3.7%2C0.3L6.5%2C25.8c-0.6%2C0.4-0.4%2C2%2C0.4%2C3.2l8.8%2C10.2%0A%09c-0.3%2C1.5-1.1%2C2.9-1.5%2C4.9c-0.4%2C2-0.7%2C3.5-0.6%2C5.1L1.2%2C55.4c-1.2%2C0.8-1.4%2C1.8-1.1%2C2.9l6.3%2C19.6c0.4%2C0.6%2C1.3%2C1.3%2C2.9%2C1.1l13.5-2.3%0A%09c2.1%2C2.5%2C4.7%2C4.7%2C7.4%2C6.8l-0.8%2C13.4c-0.2%2C1%2C0.6%2C2.2%2C2.1%2C2.5l20%2C4.2c1%2C0.2%2C2.7-0.5%2C2.9-1.5l4.7-12.6c3.3-0.9%2C6.6-1.7%2C9.5-3.2L80.1%2C94%0A%09c0.9%2C0.7%2C2.5%2C0.5%2C3.2-0.4L97%2C78.3c0.7-0.9%2C1-2.4%2C0.1-3.1L87.3%2C64.8z%20M47.8%2C69.5C38.3%2C67.5%2C32%2C57.8%2C34%2C48.3%0A%09c2-9.5%2C11.7-15.8%2C21.2-13.8c9.5%2C2%2C15.7%2C11.7%2C13.7%2C21.2C66.9%2C65.2%2C57.3%2C71.5%2C47.8%2C69.5L47.8%2C69.5z%22%2F%3E%0A%3C%2Fsvg%3E');
    width:100px;
    height:100px;
    background-size:100% 100%;
    background-repeat:no-repeat;
  }
  */
/* pap */

#maintaince .three {
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281px%22%20height%3D%2280.5px%22%20viewBox%3D%220%200%2081%2080.5%22%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%2081%2080.5%3B%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23383838%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M30.3%2C68.2c1.2%2C0.2%2C2.3%2C0.9%2C3.8%2C1.2c1.6%2C0.3%2C2.7%2C0.6%2C4%2C0.4l4.9%2C9.6c0.6%2C0.9%2C1.4%2C1.1%2C2.3%2C0.9l15.3-4.9%0A%09c0.5-0.3%2C1-1%2C0.9-2.3l-1.8-10.6c2-1.6%2C3.6-3.7%2C5.3-5.8l10.5%2C0.6c1.1%2C0.6%2C2.1-0.4%2C2.3-1.1L81%2C40.7c0.2-0.8-0.4-2.1-1.1-2.3l-10.2-3.8%0A%09c-0.3-2.5-1.4-4.8-2.5-7.5l5.9-8.5c0.6-1.1%2C0.4-1.9-0.2-2.9l-12-10.7c-0.3-0.5-1.6-0.3-2.5%2C0.3l-8%2C6.9c-1.2-0.2-2.3-0.9-3.8-1.2%0A%09c-1.6-0.3-2.7-0.6-4-0.4L37.7%2C1c-0.6-0.9-1.4-1.1-2.3-0.9L20.1%2C5c-0.5%2C0.3-1%2C1-0.9%2C2.3l1.8%2C10.6c-2%2C1.6-3.6%2C3.7-5.3%2C5.8L5.3%2C23%0A%09c-0.8-0.2-1.7%2C0.4-2%2C1.6L0%2C40.2c-0.2%2C0.8%2C0.4%2C2.1%2C1.1%2C2.3l9.8%2C3.7c0.7%2C2.6%2C1.4%2C5.2%2C2.5%2C7.5l-6%2C8.9c-0.6%2C0.7-0.4%2C2%2C0.3%2C2.5l12%2C10.7%0A%09c0.7%2C0.5%2C1.9%2C0.8%2C2.4%2C0.1L30.3%2C68.2z%20M26.7%2C37.3c1.6-7.4%2C9.1-12.3%2C16.5-10.8S55.6%2C35.7%2C54%2C43.1c-1.6%2C7.4-9.1%2C12.3-16.5%2C10.7%0A%09C30.1%2C52.3%2C25.1%2C44.7%2C26.7%2C37.3L26.7%2C37.3z%22%2F%3E%0A%3C%2Fsvg%3E");
    width: 80px;
    height: 80px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -50px;
    margin-left: -10px;
}

@keyframes spin-one {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg);
    }
}

#maintaince .spin-one {
    -webkit-animation: spin-one 1.5s infinite linear;
    animation: spin-one 1.5s infinite linear;
}

@keyframes spin-two {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(359deg);
    }
}

#maintaince .spin-two {
    -webkit-animation: spin-two 2s infinite linear;
    animation: spin-two 2s infinite linear;
}
/* end under maintaince css */

/* start page not found css */
#notfound {
    position: relative;
    height: 75vh;
    background: #f6f6f6;
    margin: 120px 0 100px 0;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    padding: 110px 40px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.1);
}

.notfound .notfound-404 {
    position: relative;
    height: 180px;
}
.notfound .notfound-404 img {
    max-width: 150px;
    width: 100%;
}
.notfound .notfound-404 h1 {
    font-family: "Roboto", sans-serif;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 165px;
    font-weight: 700;
    margin: 0px;
    color: #262626;
    text-transform: uppercase;
}

.notfound .notfound-404 h1 > span {
    color: c64ff9;
}

.notfound h2 {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
    color: #151515;
    margin-top: 0px;
    margin-bottom: 25px;
}

.notfound .notfound-search > button > span:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    border: 4px solid #c5c5c5;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

@media only screen and (max-width: 767px) {
    .notfound h2 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 h1 {
        font-size: 141px;
    }
}
/* end page not found css */

/* start privacy-policy css */
#privacy .container {
    padding: 50px 15px;
}
#privacy .container .head {
    text-align: center;
    padding-bottom: 30px;
}
#privacy .container .row h6 {
    display: block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 5px;
}
#privacy .container .row p {
    margin-bottom: 10px;
    font-size: 14px;
    width: 100%;
}
#privacy .container .row p span {
    font-size: 14px;
    font-weight: 600;
}
#privacy .container .row p.bold {
    font-weight: 600;
}
#privacy .container .row ul.without-dot {
    padding-left: 25px;
    list-style-type: none;
}
#privacy .container .row ul.without-dot li {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px;
}
#privacy .container .row a {
    font-size: 14px;
}
#privacy .container .row ul.with-dot {
    padding-left: 40px;
}
#privacy .container .row ol.with-dot {
    padding-left: 40px;
}
#privacy .container .row ol.with-dot li {
    font-size: 14px;
    padding-bottom: 5px;
}
#privacy .container .row ul.with-dot li {
    font-size: 14px;
    padding-bottom: 5px;
}
#header .full-width-container .head {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#header .full-width-container .head h4 {
    color: #fff;
    font-size: 34px;
}
/* end privacy-policy css */

/* start choose who are css */
#choose .full-width-container .container {
    margin-top: 8rem;
    margin-bottom: 5rem;
    background: #f8f8f8;
    padding: 30px 0px 40px 0px;
}
#choose .full-width-container .container .row ul {
    display: flex;
    justify-content: space-around;
}
#choose .full-width-container .container .head p {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 25px;
}
#choose .full-width-container .container ul.ks-cboxtags li p {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding-top: 10px;
}
#choose .full-width-container .container ul.ks-cboxtags {
    list-style: none;
    padding: 0px;
}
#choose .full-width-container .container ul.ks-cboxtags li {
    display: inline;
}
#choose .full-width-container .container ul.ks-cboxtags li label {
    display: inline-block;
    /*
    background-color: #ece6e0;
    border: 2px solid #ece6e0;
*/
    color: #333;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all 2s;
}
#choose .full-width-container .container ul.ks-cboxtags li label {
    padding: 5px 10px;
    cursor: pointer;
    font-size: 12px;
}
#choose .full-width-container .container ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    font-size: 12px;
    /* content: "\f00c"; */
    transition: transform 0.3s ease-in-out;
}
#choose
    .full-width-container
    .container
    ul.ks-cboxtags
    li
    input[type="radio"]:checked
    + label::before {
    /* content: "\f00c"; */
    transform: rotate(-360deg);
    transition: transform 0.3s ease-in-out;
}
#choose
    .full-width-container
    .container
    ul.ks-cboxtags
    li
    input[type="radio"]:checked
    + label {
    border: 2px solid c64ff9;
    background-color: c64ff9;
    color: #fff;
    transition: all 0.2s;
}
#choose .full-width-container .container ul.ks-cboxtags li input[type="radio"] {
    display: absolute;
}
#choose .full-width-container .container ul.ks-cboxtags li input[type="radio"] {
    position: absolute;
    opacity: 0;
}
#choose
    .full-width-container
    .container
    ul.ks-cboxtags
    li
    input[type="radio"]:focus
    + label {
    border: 2px solid #ece6e0;
}
/* end choose who are css */

.container.verify {
    padding: 150px 0 120px 0;
}
.verify .col-md-6 img {
    width: 100%;
}
.verify .col-md-6 {
    align-self: center;
    text-align: center;
}
.verify .col-md-6 h4 {
    padding-bottom: 5px;
}
.verify .col-md-6 p {
    padding-bottom: 15px;
    font-size: 14px;
}
.verify .col-md-6 .request {
    background: #e6d3c0;
    padding: 15px 20px;
    color: #333;
    text-transform: capitalize;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    border: 0;
}

/*start header and banner */

#header .full-width-container img.banner {
    width: 100%;
    height: 700px;
    object-fit: cover;
}
.navbar-collapse ul li .underline {
    height: 3px;
    background-color: transparent;
    width: 0%;
    transition: width 0.2s, background-color 0.5s;
    margin: 0 auto;
}

.navbar-collapse ul li.active .underline {
    width: 100%;
    background-color: white;
    width: 50%;
}

.navbar-collapse ul li:hover .underline {
    background-color: white;
    width: 50%;
}

.log ul li .underline {
    height: 3px;
    background-color: transparent;
    width: 0%;
    transition: width 0.2s, background-color 0.5s;
    margin: 0 auto;
}

.log ul li.active .underline {
    width: 100%;
    background-color: #333;
    width: 50%;
}

.log ul li:hover .underline {
    background-color: #333;
    width: 50%;
}

#header .full-width-container {
    position: relative;
    overflow-x: hidden;
}
#header .row {
    margin: 0;
}
#myVideo {
    min-width: 100%;
    min-height: 100%;
}
#header .full-width-container .front-header-container {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    padding: 0;
}
.sticky-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 75px;
    z-index: 9;
    transition: 0.5s;
}
.fixed-nav {
    background: #1b1d21;
    display: block !important;
    animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}
#header .full-width-container .navbar-toggler {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 15px;
    border-radius: 5px;
}
#header .full-width-container .directory-container {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    font-weight: 600;
}
#header .full-width-container .directory-container h1 {
    color: #fff;
    text-align: center;
    font-size: 76px;
    font-weight: 400;
    font-weight: 600;
}
#header .full-width-container .play {
    position: absolute;
    top: 49%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 1;
}
#header .full-width-container .play p {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    padding-right: 0px;
}
@media screen and (max-width: 1200px) {
    #header .full-width-container .play p {
        font-size: 34px;
    }
}
@media screen and (max-width: 992px) {
    #header .full-width-container .play p {
        font-size: 26px;
    }
}
#header .full-width-container .play i {
    font-size: 18px;
    background: #e9d8ca;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    position: relative;
    top: -6px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 6px 25px 5px 25px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.navbar-expand-lg .navbar-nav li.nav-item:last-child {
    background: #8080805e;
    border-radius: 9px;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #fff;
}
.navbar-expand-lg .navbar-nav li.nav-item:last-child .dropdown-menu.show {
    width: 100%;
}
.navbar-expand-lg .navbar-nav li.nav-item:last-child {
    background: #ffffff45;
    border-radius: 9px;
    margin-left: 20px;
}
#header .full-width-container .search {
    max-width: 631px;
    width: 100%;
    position: absolute;
    top: 65%;
    left: 0;
    right: 0;
    margin: auto;
}
#header .full-width-container .search form {
    width: 100%;
}
/* #header .full-width-container .search .input-group {
    float: left;
    width: 24%;
} */
#header .full-width-container .search .input-group {
    float: left;
    width: 47%;
}
/* .form-group.has-search {}
.form-group.has-search i.fa-search {
    position: absolute;
    top: 36px;
    left: 25px;
    color: #ddd;
}
.form-group.has-search2 {
    position: relative;
}
.form-group.has-search i.fa-map-marker-alt {
    position: absolute;
    top: 36px;
    left: 25px;
    color: #ddd;
} */
/* .form-group.has-search input {
    padding-left: 40px;
}
.form-group.has-search span {
    position: absolute;
    top: 36px;
    left: 25px;
    color: #ddd;
} */
#header .full-width-container .search .input-group input {
    font-weight: 400;
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
}
#header .full-width-container .search .input-group input::placeholder {
    color: #535252;
    font-weight: 400;
}

/* #header .full-width-container .search .input-group:first-child {
    width: 27%;
    max-height: 86px;
    position: relative;
} */
#header .full-width-container .search .input-group:first-child {
    width: 47%;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    max-height: 86px;
    position: relative;
}
#header .full-width-container .search .input-group:first-child input {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #fff;
    z-index: 1;
    cursor: pointer;
}
#header
    .full-width-container
    .search
    .input-group:first-child
    input::placeholder {
    color: #535252 !important;
}
#header .full-width-container .search .input-group:first-child button {
    border: 0;
    background: transparent;
    color: #535252;
    /* z-index: 1; */
}
#header .full-width-container .search .input-group:first-child button:focus {
    outline: 0;
}
#header
    .full-width-container
    .search
    .input-group:first-child
    .input-group-text {
    color: #ddd;
    background-color: #fff;
    border-right: 1px solid #ced4da;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0;
    /* height: 65px; */
}
#header .full-width-container .search .home-search {
    margin-left: -1px;
    display: unset;
    align-self: center;
    /* background-color: #fff; */
    position: absolute;
    right: 0;
    z-index: 1;
}
#header
    .full-width-container
    .search
    .input-group.has-search2
    .input-group-text {
    color: #ddd;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    border-top: 0;
    border-bottom: 0;
}
#header
    .full-width-container
    .search
    .input-group.has-search2
    .input-group-text
    button {
    border: 0;
    background: transparent;
    color: #ddd;
}
#signup
    .full-width-container
    .row.slide-right
    .col-md-5
    .input-group.mb-3
    input#mobile {
    width: 40%;
}
#header .full-width-container .search .input-group a.map i {
    color: #6c757d;
    position: absolute;
    top: 32px;
    right: 18px;
    bottom: 0;
}
#header .full-width-container .search .input-group:last-child {
    width: 6%;
}
#header .full-width-container .search .input-group .search-dropdown {
    background: #fff;
    border-radius: 0;
    /* padding: 31.5px 25px; */
    width: 100%;
    height: 86px;
    text-align: left;
    font-weight: 600;
    color: #212529;
}
.dropdown-toggle::after {
    float: right;
    margin-top: 10px;
}
#header .full-width-container .search .input-group input#search {
    border-right: 2px solid #efefef;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(52px + 0.75rem + 2px);
    padding: 1.375rem 0.75rem;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    /* color: #fff; */
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* #header .full-width-container .search .input-group button {
    padding: 10px 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#header .full-width-container .search .input-group button i {
    color: #ddd;
} */
#header .full-width-container .search .input-group a {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
}
#header .full-width-container .search .input-group a i {
    color: #535252;
}
.dropdown-menu.show {
    display: block;
    width: 240px;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: c64ff9;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #c64ff9;
}
#left-screen
    .full-width-container
    .category-container
    .row
    .col-md-9
    .dropdown-type
    .category {
    display: none;
}
#left-screen
    .full-width-container
    .category-container
    .row
    .col-md-9
    .dropdown-type
    .location {
    display: none;
}
#left-screen
    .full-width-container
    .category-container
    .row
    .col-md-9
    .dropdown-type
    .rate {
    display: none;
}
/*end header and banner*/

/*start services */
#service .full-width-container {
    margin: 50px 0;
}
#service .full-width-container .container .row .head {
    padding: 30px 78px;
}
#service .full-width-container .container .row .head h6 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 22px;
}
#service .full-width-container .container .row .head h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
}
#service .full-width-container .container .row.service-provider {
    padding: 30px 0px 30px 0px;
}
#service .full-width-container .container .row.service-provider .col-md-4 {
    padding: 0 20px 0 84px;
    line-height: 33px;
}
#service .full-width-container .container .row.service-provider .col-md-4 img {
    padding-bottom: 30px;
}
#service .full-width-container .container .row.service-provider .col-md-4 h4 {
    font-size: 21px;
    padding-bottom: 15px;
}
#service .full-width-container .container .row.service-provider .col-md-4 p {
    font-size: 18px;
}

/*end services*/

/*start footer */

footer .full-width-container .frontent-container .row.above-footer {
    position: relative;
    padding: 30px 0;
    background: #fff;
    border-radius: 10px;
    bottom: 80px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
footer .full-width-container .frontent-container .row.above-footer p {
    font-size: 17px !important;
    padding: 0 30px 0px 100px;
    font-weight: 500;
    line-height: 28px;
    width: 70% !important;
    color: #000;
}
footer .full-width-container .frontent-container .row.above-footer h2 {
    font-size: 24px !important;
    padding: 0 30px 0px 100px;
    font-weight: 600;
    line-height: 28px;
    width: 70% !important;
    color: #000;
}
footer .full-width-container .frontent-container .row.above-footer a {
    background-color: c64ff9;
    color: #fff;
    padding: 20px 50px;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 400;
    align-self: center;
}

footer .full-width-container .frontent-container .row.above-footer a i {
    padding-left: 30px;
}

footer .full-width-container .menu .app-link {
    display: flex;
}
footer .full-width-container .menu .app-link a {
    text-decoration: none;
    color: #000000;
    margin: 20px 20px;
}
footer .full-width-container .menu .app-link .app-img {
    width: 100%;
    max-width: 20px;
    height: 20px;
}
footer .full-width-container .menu .app-link h5 {
    font-size: 14px;
    line-height: 26px;
    margin-left: 14px;
}
footer .full-width-container .menu .app-link {
}

footer .full-width-container .row .col-md-6 .app-comings a {
    width: 20%;
}
footer .full-width-container .row .col-md-6 .app-comings a:first-child {
    padding-right: 10px;
}
footer .full-width-container .row .col-md-6 a img.app-img {
    width: 100%;
}
footer .full-width-container .row .col-md-6.right {
    display: flex;
    justify-content: space-between;
}
footer .full-width-container .row .col-md-6.right div:first-child {
    padding-left: 80px;
}
footer .full-width-container {
    padding: 0px 0 60px 0;
    background: #000000;
    color: #fff;
    position: relative;
}
footer .full-width-container .row.bottom-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .full-width-container .row.bottom-footer a {
    padding: 0 5px;
    font-size: 25px;
    cursor: pointer;
    color: #ffffff;
}
footer .full-width-container .row.bottom-footer a i {
    transition: 0.9s;
}
footer .full-width-container .row.bottom-footer a i:hover {
    transform: rotateY(180deg);
}
footer .full-width-container .row.bottom-footer a:last-child {
    padding-right: 0;
}
footer .full-width-container .row .col-md-6.right a {
    display: block;
    color: #fff;
    line-height: 35px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
}
footer .full-width-container .row .col-md-6.right a:hover {
    color: #bebebe;
    text-decoration: underline;
}
footer .full-width-container .row.menu {
    padding-bottom: 20px;
    padding-top: 0px;
}

/*end footer */

/*start show-all */
#show-all .full-width-container {
    padding: 100px 0 50px 0;
    background: #eaf0f361;
}
#show-all .full-width-container .show-all-container .row .head {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 10px;
}
#show-all .full-width-container .show-all-container .row .head h4 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0;
    align-self: center;
}
/* start search modal css homepage */

#search-service-modal .modal-dialog .modal-content form .input-group {
}

#search-service-modal
    .modal-dialog
    .modal-content
    form
    .input-group
    .input-group-prepend {
}

#search-service-modal
    .modal-dialog
    .modal-content
    form
    .input-group
    .input-group-prepend
    span {
    background: transparent;
    border: 0;
    font-size: 13px;
}

#search-service-modal .modal-dialog .modal-content form .input-group input {
    border: 0;
    font-size: 13px;
}

#search-service-modal .modal-dialog .modal-content form {
    width: 100%;
}

#search-service-modal .modal-dialog .modal-content .modal-header {
    padding: 0px 10px;
}
#search-service-modal
    .modal-dialog
    .modal-content
    .modal-header
    span.input-group-text {
    background: transparent;
    border: 0;
}
#search-service-modal
    .modal-dialog
    .modal-content
    .modal-header
    input#servicesSearchInput {
    height: 45px;
    font-size: 14px;
}
#search-service-modal
    .modal-dialog
    .modal-content
    .modal-header
    span.input-group-text
    span {
    color: #3c4043;
    font-size: 14px;
}
#search-service-modal .modal-dialog .modal-content .modal-body {
}
#search-service-modal .modal-dialog .modal-content .modal-body h6 {
    text-transform: uppercase;
    font-family: system-ui;
    font-size: 15px;
    padding-top: 10px;
}
#search-service-modal
    .modal-dialog
    .modal-content
    form
    .input-group
    .input-group-prepend
    span
    a {
    color: #333;
}
#search-service-modal .modal-dialog .modal-content .modal-body .skills {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
}
#search-service-modal .modal-dialog .modal-content .modal-body .skills div {
    padding-bottom: 10px;
}
#search-service-modal .modal-dialog .modal-content .modal-body .skills a {
    color: #000;
    background: #f5f5f5;
    font-size: 13px;
    padding: 5px 17px 7px 17px;
    border-radius: 20px;
    font-weight: 400;
    margin-right: 5px;
    text-decoration: none;
}
#search-service-modal .modal-dialog .modal-content .footer {
    text-align: center;
    padding-bottom: 20px;
}
#search-service-modal .modal-dialog .modal-content .footer button {
    width: 92%;
    background: c64ff9;
    color: #333;
    text-transform: capitalize;
    font-size: 14px;
    padding: 8px 70px;
    text-decoration: none;
}
#search-service-modal .modal-dialog .modal-content .footer button i {
    font-size: 11px;
}
#search-service-modal
    .modal-dialog
    .modal-content
    .modal-body
    .skills
    .custom-control
    label {
    color: #000;
    background: #f5f5f5;
    font-size: 13px;
    padding: 5px 17px 7px 17px;
    border-radius: 20px;
    font-weight: 400;
    margin-right: 5px;
    text-decoration: none;
}
#search-service-modal
    .modal-dialog
    .modal-content
    .modal-body
    .skills
    .custom-control
    label::before {
    /* display: none; */
}
ul.ks-cboxtags {
    list-style: none;
    padding: 0px;
}
ul.ks-cboxtags li {
    display: inline-flex;
    margin-bottom: 10px;
}
ul.ks-cboxtags li label {
    display: inline-block;
    background-color: #ece6e0;
    border: 2px solid #ece6e0;
    color: #333;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all 2s;
}
ul.ks-cboxtags li label {
    padding: 5px 10px;
    cursor: pointer;
    font-size: 12px;
}
ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    font-size: 12px;
    /* content: "\f00c"; */
    transition: transform 0.3s ease-in-out;
}
ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    /* content: "\f00c"; */
    transform: rotate(-360deg);
    transition: transform 0.3s ease-in-out;
}
ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid c64ff9;
    background-color: c64ff9;
    color: #fff;
    transition: all 0.2s;
}
ul.ks-cboxtags li input[type="checkbox"] {
    display: absolute;
}
ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}
ul.ks-cboxtags li input[type="checkbox"]:focus + label {
    border: 2px solid #ece6e0;
}

/* end search modal css homepage */
#show-all .full-width-container .show-all-container .row .head h2 {
    font-size: 42px;
    font-weight: 600;
}
#show-all .full-width-container .show-all-container .row .head a {
    background: #c64ff9;
    align-self: center;
    padding: 5px 20px;
    color: #fff;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #c64ff9;
    text-transform: capitalize;
    transition: 0.4s;
}
#show-all .full-width-container .show-all-container .row .head a:hover {
    background-color: #fff;
    color: #c64ff9;
}
#show-all .full-width-container .show-all-container .row.list {
    padding-top: 60px;
    padding-bottom: 0px;
}
#show-all .full-width-container .show-all-container .row.list .col-md-3 {
    padding: 0;
}
#show-all .full-width-container .show-all-container .row.list .col-md-3 .card {
    /* padding: 30px 25px 35px 25px; */
    border: 0;
    border-radius: 10px;
    /* margin-right: 20px; */
    margin: 0 10px;
    box-shadow: 0 2px 7px 0 #0003;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    img {
    height: 183px;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .card-body {
    max-height: 120px;
    height: 100%;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .card-body
    h5:nth-child(1) {
    float: left;
    font-size: 16px;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .card-body
    h5:nth-child(2) {
    float: right;
    font-size: 16px;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .text-center {
    clear: both;
    padding-top: 20px;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .card-body
    h5:nth-child(1)
    a {
    color: #000;
    text-decoration: none;
}

/*
#show-all .full-width-container .show-all-container .row.list .col-md-3:last-child .card{
    margin-right: 0;
    margin-left: 25px;
}
*/
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .skill {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .skill
    a:first-child {
    font-weight: 700;
    color: #000;
    background: #f5f5f5;
    padding: 5px 23px;
    border-radius: 20px;
    text-decoration: none;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .skill
    a:last-child {
    align-self: center;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .skill
    a
    i {
    color: #000;
    font-size: 20px;
}
/* #show-all .full-width-container .show-all-container .row.list .col-md-3 .card a {
    font-size: 17px;
    margin: 0;
    padding-bottom: 7px;
    color: #000;
    text-decoration: none;
} */
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    h3
    a {
    text-decoration: none;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    a
    h3 {
    font-size: 20px;
    line-height: 32px;
    color: #000;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .price {
    display: flex;
    justify-content: space-between;
    padding-top: 35px;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .price
    a
    img {
    width: 60%;
    border-radius: 50%;
}
#show-all
    .full-width-container
    .show-all-container
    .row.list
    .col-md-3
    .card
    .price
    p {
    font-size: 24px;
    font-weight: 700;
    align-self: center;
}

/*start about-page css*/

#header .full-width-container.about-us img.banner {
    width: 100%;
}
#header .full-width-container.about-us .container.directory {
    top: 55%;
}
/*start video */
#video .full-width-container {
    padding: 50px 0px;
}
/* #video .full-width-container #myVideo {
    height: 450px;
} */
#video .full-width-container .container .row {
    padding: 0px 80px;
}
#video .full-width-container .container .row h3 {
    font-size: 34px;
    text-align: center;
    font-weight: 600;
    width: 100%;
    padding-bottom: 40px;
}
#myVideo {
    width: 100%;
    height: 100%;
}
#maintaince .container video#myVideo {
    height: 184px;
    margin: 50px 0 20px 0;
}
/*end video */

/*start why */
#why .full-width-container {
    padding: 50px 0;
}
#why .full-width-container .container .row {
    padding: 0 80px;
}
#why .full-width-container .container .row .col-md-6:first-child {
    padding: 20px 50px 50px 0px;
}
#why .full-width-container .container .row .col-md-6 img {
    width: 100%;
}
#why .full-width-container .container .row .col-md-6 h6 {
    text-transform: uppercase;
    font-weight: 700;
}
#why .full-width-container .container .row .col-md-6 h3 {
    font-size: 34px;
    font-weight: 600;
    padding: 20px 0;
}
#why .full-width-container .container .row .col-md-6 p {
    color: #000;
    line-height: 34px;
    font-size: 17px;
    padding-bottom: 10px;
}
#why .full-width-container .container .row .col-md-6 p.last {
    padding-bottom: 50px;
}
#why .full-width-container .container .row .col-md-6 a {
    color: #fff;
    background: c64ff9;
    font-weight: 600;
    padding: 18px 35px;
    border-radius: 12px;
}
/*end why */

/*start better */
#better .full-width-container {
    padding: 50px 0;
}
#better .full-width-container .container .row {
    padding: 0 80px 100px 80px;
}

#better .full-width-container .container .row .col-md-6:last-child {
    padding: 65px 30px 50px 20px;
}
#better .full-width-container .container .row .col-md-6 {
    padding: 0;
}
#better .full-width-container .container .row .col-md-6 img {
    width: 90%;
}
#better .full-width-container .container .row .col-md-6 h6 {
    text-transform: uppercase;
    font-weight: 700;
}
#better .full-width-container .container .row .col-md-6 h3 {
    font-size: 34px;
    font-weight: 600;
    padding: 20px 0;
}
#better .full-width-container .container .row .col-md-6 p {
    color: #000;
    line-height: 34px;
    font-size: 17px;
    padding-bottom: 10px;
}
#better .full-width-container .container .row .col-md-6 p.last {
    padding-bottom: 50px;
}
#better .full-width-container .container .row .col-md-6 a {
    color: #fff;
    background: c64ff9;
    font-weight: 600;
    padding: 18px 35px;
    border-radius: 12px;
}
/*end better */

/*start about */
#about .full-width-container {
    padding: 80px 0 40px 0;
}
#about .full-width-container .container .row .col-md-6:last-child {
    padding: 65px 50px 50px 75px;
}
#about .full-width-container .container .row .col-md-6 img {
    width: 100%;
}
#about .full-width-container .container .row .col-md-6 h6 {
    text-transform: uppercase;
    font-weight: 700;
}
#about .full-width-container .container .row .col-md-6 h3 {
    font-size: 34px;
    font-weight: 600;
    padding: 20px 0;
}
#about .full-width-container .container .row .col-md-6 p {
    color: #000;
    line-height: 34px;
    font-size: 17px;
    padding-bottom: 35px;
}
#about .full-width-container .container .row .col-md-6 a {
    color: #fff;
    background: c64ff9;
    font-weight: 600;
    padding: 18px 35px;
    border-radius: 12px;
}
/*end about */

/*start services */
#about-service .full-width-container {
    /* margin: 50px 0 80px 0; */
}
#about-service .full-width-container .container .row .head {
    padding: 0 0px 30px 0;
}
#about-service .full-width-container .container .row .head h6 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 22px;
}
#about-service .full-width-container .container .row .head h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
}
#about-service .full-width-container .container .row {
    /* padding: 30px 0px 30px 0px; */
}
#about-service .full-width-container .container .row .col-md-3 {
    padding: 0 20px 0 0px;
    line-height: 33px;
}
#about-service .full-width-container .container .row .col-md-3 img {
    padding-bottom: 20px;
}
#about-service .full-width-container .container .row .col-md-3 h4 {
    font-size: 21px;
    font-weight: 600;
    padding-bottom: 10px;
}
#about-service .full-width-container .container .row .col-md-3 p {
    font-size: 18px;
    line-height: 26px;
}
/*end services*/
/*end about-page css*/

/*start blog and blog-detail pages css*/
/*start blog */
#header .full-width-container.blog-page img.banner {
    width: 100%;
}
#header .full-width-container.blog-detail-page img.banner {
    width: 100%;
}
#header .full-width-container.blog-page .container.directory {
    top: 45%;
}
#header .full-width-container.blog-detail-page .success-mantra-container {
    top: 53%;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
}
#header .full-width-container.blog-detail-page .success-mantra-container h1 {
    font-size: 52px;
    color: #fff;
}
#header .full-width-container.blog-detail-page .edwards-container {
    position: absolute;
    top: 84%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    color: #fff;
}
#header .full-width-container.blog-detail-page .edwards-container p {
    font-size: 20px;
}
#header .full-width-container.blog-detail-page .edwards-container p i {
    padding-right: 10px;
    font-size: 22px;
}
#blog .full-width-container {
    background: #eaf0f361;
}
#blog .full-width-container .blog-container {
    padding: 50px 0 200px 0;
}
#blog .full-width-container .blog-container .row {
    padding: 0;
    margin: 0;
}
#blog .full-width-container .blog-container .row .col-md-4 {
    padding: 10px 10px;
}
#blog .full-width-container .blog-container .row .col-md-3 {
    padding: 0;
}
#blog .full-width-container .blog-container .row .col-md-3 .wrap {
    background: #fff;
    border-radius: 8px;
    padding: 30px 20px;
    margin-bottom: 15px;
    box-shadow: 0 5px 8px 0 #00000017;
}
#blog .full-width-container .blog-container .row .col-md-3 .wrap h3 {
    padding-bottom: 7px;
    font-size: 16px;
}
#blog .full-width-container .blog-container .row .col-md-3 .wrap div {
    display: flex;
    justify-content: space-between;
}
#blog .full-width-container .blog-container .row .col-md-3 .wrap div a {
    color: #333;
    font-size: 19px;
    padding-top: 12px;
    font-size: 14px;
}
#blog
    .full-width-container
    .blog-container
    .row
    .col-md-3
    .wrap
    div
    a:first-child {
    text-decoration: none;
}
#blog
    .full-width-container
    .blog-container
    .row
    .col-md-3
    .wrap
    div
    a:last-child {
    font-weight: 600;
    text-decoration: underline;
}
#blog .full-width-container .blog-container .row .col-md-3 .wrap-2 {
    background: #fff;
    border-radius: 8px;
    padding: 30px 20px;
    margin-bottom: 15px;
    box-shadow: 0 5px 8px 0 #00000017;
}
#blog .full-width-container .blog-container .row .col-md-3 .wrap-2 h3 {
    padding-bottom: 20px;
    font-size: 16px;
}
#blog .full-width-container .blog-container .row .col-md-3 .wrap-2 div {
    padding-bottom: 15px;
}
#blog .full-width-container .blog-container .row .col-md-3 .wrap-2 div a {
    color: #333;
    font-size: 14px;
    padding-top: 20px;
    text-decoration: none;
}
#blog
    .full-width-container
    .blog-container
    .row
    .col-md-3
    .wrap-2
    div
    a.active {
    font-weight: 600;
}
#blog .full-width-container .blog-container .row .col-md-9 {
}
.no-notification .col-sm-12 .card {
    background: #f5f5f5;
    padding: 30px 0;
}
.no-notification .col-sm-12 p {
    padding-top: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
}
.freelaner-list-empty .card {
    background: #f5f5f5;
    padding: 50px 0;
    border: 0;
    text-align: center;
}
.freelaner-list-empty img {
}
.freelaner-list-empty p {
    padding-top: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
}
#blog .full-width-container .blog-container .row .col-md-9 .row {
    padding: 0;
    display: flex;
    margin-bottom: 20px;
    /* box-shadow: 0 5px 8px 0 #00000017; */
}
#blog .full-width-container .blog-container .row .col-md-9 .col-md-4 {
    padding: 0;
}
#blog .full-width-container .blog-container .row .col-md-9 .col-md-4 img {
    width: 100%;
    height: 150px;
}
#blog .full-width-container .blog-container .row .col-md-9 .col-md-8 {
    padding: 30px 20px 0px 40px;
    background: #fff;
}
#blog .full-width-container .blog-container .row .col-md-9 .col-md-8 a {
    text-decoration: none;
}
#blog .full-width-container .blog-container .row .col-md-9 .col-md-8 h1 {
    color: #333;
    font-size: 21px;
    padding-bottom: 10px;
}
#blog .full-width-container .blog-container .row .col-md-9 .col-md-8 p.des {
    color: grey;
    padding-bottom: 10px;
    font-size: 14px;
}
#blog .full-width-container .blog-container .row .col-md-9 .col-md-8 p.time {
    text-align: right;
    color: grey;
    font-size: 12px;
}

.pagination > li > a {
    border-radius: 50% !important;
    margin: 0 5px;
    width: 35px;
    height: 35px;
    padding-top: 5px;
}
.pagination {
    display: flex;
    justify-content: center;
    padding: 30px 0;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: rgb(82, 86, 89);
    border-color: rgb(82, 86, 89);
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: 0;
    line-height: 1.25;
    color: rgb(82, 86, 89);
    background-color: unset;
    border: 0;
    font-weight: 600;
    font-size: 18px;
}

/*end blog*/

/*start para */
#para .full-width-container {
    background: #eaf0f361;
}
#para .full-width-container .container .blog-content {
    padding: 80px 170px 40px 170px;
}
#para .full-width-container .container .blog-content h3 {
    padding-bottom: 20px;
}
#para .full-width-container .container .blog-content p {
    font-size: 18px;
    color: rgb(38, 38, 38);
    line-height: 26px;
}
#para .full-width-container .container .blog-content img {
    width: 100%;
    padding: 50px 0;
}

/*end para*/

/*start advise*/
#advise .full-width-container {
    background: #eaf0f361;
}
#advise .full-width-container .container {
    padding: 50px 0 250px 0;
}
#advise .full-width-container .container h3 {
    padding: 0px 0 50px 0;
    text-align: center;
}
#advise .full-width-container .container .row .col-md-4 .card .card-body img {
    width: 100%;
}
#advise .full-width-container .container .row .col-md-4 .card .card-body {
    padding: 0;
}
#advise .full-width-container .container .row .col-md-4 {
    padding: 0;
}
#advise .full-width-container .container .row .col-md-4 .card .card-body h4 {
    padding: 15px;
    font-size: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.advise-container .card img {
    height: 220px;
    object-fit: contain;
}
#advise .full-width-container .container .row .col-md-4 .card {
    border: 0;
    box-shadow: 0 2px 10px 0 #00000024;
    margin: 0 13px;
}
#advise
    .full-width-container
    .container
    .row
    .col-md-4
    .card
    .card-body
    .card-last {
    display: flex;
    justify-content: space-between;
    padding: 5px 0 0 20px;
}
#advise
    .full-width-container
    .container
    .row
    .col-md-4
    .card
    .card-body
    .card-last
    p {
    color: grey;
    align-self: flex-end;
}
#advise
    .full-width-container
    .container
    .row
    .col-md-4
    .card
    .card-body
    .card-last
    i.fa.fa-clock {
    padding-right: 10px;
    font-size: 18px;
}
#advise
    .full-width-container
    .container
    .row
    .col-md-4
    .card
    .card-body
    .card-last
    a {
    color: #333;
    background: c64ff9;
    padding: 20px 28px;
    font-size: 18px;
    font-weight: 500;
    border-top-left-radius: 10px;
    text-decoration: none;
}
#advise
    .full-width-container
    .container
    .row
    .col-md-4
    .card
    .card-body
    .card-last
    i.fas.fa-arrow-right {
    padding-left: 10px;
    font-size: 18px;
}

/*end advise*/
/*end blog and blog-detail pages css*/

/*start forgot password page css*/
#login .full-width-container .row.slide-right {
    margin-top: 65px;
    z-index: -1;
}

#login .full-width-container {
    position: relative;
    margin-top: 55px;
    margin-bottom: 200px;
}
#login .full-width-container .row.slide-right .col-md-5 h5 {
    padding-bottom: 20px;
}
#login .full-width-container {
    position: relative;
}
#login .full-width-container {
    position: unset;
    overflow: unset;
}

#login .full-width-container .carousel-inner .carousel-item img {
    width: 100% !important;
    height: 730px;
}
#login .full-width-container .row .col-md-7 div {
    padding-left: 3px;
}

/*start login form css*/
#forgot-password {
    width: 30%;
    display: block;
    margin: auto;
    box-shadow: 0 2px 10px #00000026;
    margin-bottom: 128px;
    margin-top: 20vh;
}
#forgot-password .full-width-container .row .col-md-12 {
    padding: 60px 30px 60px 40px;
}
#forgot-password .full-width-container .row .col-md-12 a {
    font-size: 13px;
    color: #747d84;
}
#forgot-password .full-width-container .icon {
    padding: 30px 0px 40px 10px;
}
#forgot-password .full-width-container .icon i {
    font-size: 20px;
}
#forgot-password .full-width-container .row .col-md-12 .input-group button {
    background: #c64ff9;
    color: #fff;
    width: 100%;
    border: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    height: 60px;
    border-radius: 30px;
    text-decoration: none;
    text-align: center;
    line-height: 58px;
}
#forgot-password .full-width-container .row .col-md-12 .form-control {
    height: calc(3.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-left: 0;
    background-color: #f8f8f8;
    border: 0;
    color: #333;
}
#forgot-password .full-width-container .row .col-md-12 .input-group-text {
    padding: 0.375rem 0.75rem 0.375rem 1.75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #949494;
    background-color: #f8f8f8;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border: 0;
}
#forgot-password .full-width-container .row .col-md-12 form h5 {
}
#forgot-password .full-width-container .row .col-md-12 form p {
    font-size: 13px;
    padding: 10px 0 22px 0;
    color: #333;
    line-height: 22px;
}

/*end forgot password page css*/

/*start confirm you password css*/
#confirm-password {
    width: 30%;
    display: block;
    margin: auto;
    box-shadow: 0 2px 10px #00000026;
    box-shadow: 0 2px 10px #00000026;
    margin-bottom: 128px;
    margin-top: 20vh;
}

#confirm-password .full-width-container .row .col-md-12 {
    padding: 50px 30px 50px 40px;
}
#confirm-password .full-width-container .row .col-md-12 a {
    font-size: 13px;
    color: #747d84;
}
#confirm-password .full-width-container .icon {
    padding: 21px 0px 0px 11px;
}
#confirm-password .full-width-container .icon i {
    font-size: 20px;
}
#confirm-password .full-width-container .row .col-md-12 .input-group button {
    background: #c64ff9;
    color: #fff;
    width: 100%;
    border: 0;
    font-size: 13px;
    font-weight: 600;
    height: 60px;
    border-radius: 30px;
    text-decoration: none;
    text-align: center;
    line-height: 58px;
    margin-top: 16px;
}
#confirm-password .col-md-12 .form-control {
    height: calc(2.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 5px;
    border-left: 0;
    background-color: #f8f8f8;
    border: 0;
    margin: 4px;
    text-align: center;
}
#confirm-password .full-width-container .row .col-md-12 .input-group-text {
    padding: 0.375rem 0.75rem 0.375rem 1.75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #949494;
    background-color: #f8f8f8;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border: 0;
}
#confirm-password .full-width-container .row .col-md-12 form h5 {
}
#confirm-password .full-width-container .row .col-md-12 form p {
    font-size: 13px;
    padding: 10px 0 23px 0;
    color: #333;
    line-height: 22px;
}
#confirm-password .full-width-container .row .col-md-12 form .otp {
    text-align: center;
}
#confirm-password .full-width-container .row .col-md-12 form .otp p.time {
    color: #cac9c9;
    font-size: 15px;
    font-weight: 600;
    font-family: sans-serif;
}
#confirm-password .full-width-container .row .col-md-12 form .otp p.code {
    color: #333;
    font-weight: 500;
}
#confirm-password .full-width-container .row .col-md-12 form .otp p.code a {
    color: #c64ff9;
}
.confirm-pass {
    width: 100% !important;
    display: block;
    margin: auto;
    box-shadow: none !important;
    margin-bottom: 0px !important;
    margin-top: 60px !important;
}
.confirm-pass h4 {
    padding-bottom: 5px;
}
.confirm-pass .col-md-12 .input-group button {
    background: #c64ff9;
    color: #fff;
    /* max-width: 50%; */
    width: 100%;
    border: 0;
    font-size: 13px;
    font-weight: 600;
    height: 60px;
    border-radius: 30px;
    text-decoration: none;
    text-align: center;
    line-height: 58px;
    margin-top: 16px;
}
.confirm-pass .col-md-12 form .otp {
    text-align: center;
}
.confirm-pass .col-md-12 form .otp p.code {
    color: #333;
    font-weight: 500;
}
.confirm-pass .col-md-12 form .otp p.code a {
    color: #c64ff9;
}
/*end confirm you password css*/

/*start changed password css*/
#changed-password {
    width: 30%;
    display: block;
    margin: auto;
    box-shadow: 0 2px 10px #00000026;
}
#changed-password .full-width-container .row .col-md-12 {
    padding: 80px 50px 0 50px;
    margin-bottom: 150px;
    line-height: 40px;
}
#changed-password .full-width-container .row .col-md-12 a {
    font-size: 13px;
    color: #747d84;
}
#changed-password .full-width-container .icon {
    padding: 50px 0px 0px 10px;
}
#changed-password .full-width-container .icon i {
    font-size: 20px;
}
#changed-password .full-width-container .row .col-md-12 .input-group a {
    background: #c64ff9;
    color: #fff;
    width: 100%;
    border: 0;
    font-size: 13px;
    font-weight: 600;
    height: 60px;
    border-radius: 30px;
    text-decoration: none;
    text-align: center;
    line-height: 58px;
    margin-top: 16px;
}
#changed-password .full-width-container .row .col-md-12 form .input-group {
    text-align: center;
    display: block;
}
#changed-password .full-width-container .row .col-md-12 form .input-group i {
    width: 80px;
    height: 80px;
    background: #faf6f3;
    color: #c64ff9;
    line-height: 80px;
    font-size: 30px;
    border-radius: 50%;
}
#changed-password .full-width-container .row .col-md-12 form h5 {
    font-weight: 700;
    color: #333;
    text-align: center;
    font-size: 22px;
}
/*end changed password css*/

@media (min-width: 992px) and (max-width: 1199.98px) {
    /* #header .full-width-container .search {
        top: 74%;
    } */
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .front-header-container img {
        max-width: 130px;
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 6px 20px 5px 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #header
        .full-width-container
        .front-header-container
        div#navbarSupportedContent {
        padding: 25px 10px;
        display: -webkit-box;
    }
    .onscroll-menu .new-search input.when {
        max-width: 90px !important;
        width: 100%;
    }
    .onscroll-menu .new-search .input-group-prepend .input-group-text {
        border: 1px solid #494a4d !important;
        border-right: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .onscroll-menu .new-search input {
        max-width: 180px;
    }
    #header .full-width-container .front-header-container .collapse:not(.show) {
        display: none !important;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #fff;
        padding: 12px;
        font-size: 14px;
        font-weight: 500;
    }
    header div#navbarNavDropdown.normal {
        background: #d6bdaa;
        z-index: 9;
        padding-bottom: 10px;
        text-align: center;
        position: relative;
        max-width: 100%;
        width: 100%;
        left: 0;
        top: 8px;
        border-radius: 5px;
    }
    .navbar-collapse ul li.active .underline {
        width: 15%;
    }
    footer .full-width-container .frontent-container .row.above-footer p {
        font-size: 14px !important;
        padding: 0 30px 0px 40px;
    }
    footer .full-width-container .frontent-container .row.above-footer {
        padding: 70px 15px;
    }
    footer .full-width-container .frontent-container .row.above-footer a {
        padding: 20px 16px;
    }
    .sticky-nav {
        padding: 12px 50px;
    }

    #advise
        .full-width-container
        .container
        .row
        .col-md-4
        .card
        .card-body
        .card-last
        p {
        color: grey;
        font-size: 12px;
        margin-bottom: 0;
        align-self: center;
    }
    #advise
        .full-width-container
        .container
        .row
        .col-md-4
        .card
        .card-body
        .card-last
        a {
        font-size: 12px;
        margin-bottom: 0;
        padding: 10px 15px;
        align-self: center;
    }
    #advise
        .full-width-container
        .container
        .row
        .col-md-4
        .card
        .card-body
        .card-last
        i.fas.fa-arrow-right {
        padding-left: 10px;
        font-size: 12px;
    }
    /*start about-page css*/
    #about .full-width-container .container .row .col-md-6:last-child {
        padding: 45px 24px 50px 50px;
    }
    #about .full-width-container .container .row .col-md-6 h3 {
        font-size: 28px;
        padding: 15px 0;
    }
    #about .full-width-container .container .row .col-md-6 p {
        padding-bottom: 10px;
    }
    #about .full-width-container .container .row .col-md-6 p.last {
        padding-bottom: 35px;
    }
    #why .full-width-container .container .row .col-md-6:first-child {
        padding: 20px 20px 50px 0px;
    }
    #why .full-width-container .container .row .col-md-6 h3 {
        font-size: 28px;
        padding: 15px 0;
    }
    #why .full-width-container .container .row .col-md-6 p.last {
        padding-bottom: 30px;
    }
    #better .full-width-container .container .row .col-md-6:last-child {
        padding: 30px 0px 50px 20px;
    }
    #better .full-width-container .container .row .col-md-6 h3 {
        font-size: 28px;
        padding: 15px 0;
    }
    /*end about-page css*/

    /*end blog and blog-detail pages css*/
    #header .full-width-container.blog-page .directory h1 {
        font-size: 45px;
    }
    #header .full-width-container.blog-detail-page .container.business {
        padding: 0 5px;
    }
    #header
        .full-width-container.blog-detail-page
        .success-mantra-container
        h1 {
        font-size: 44px;
        color: #fff;
        text-align: center;
    }
    #blog .full-width-container .blog-container {
        padding: 50px 0 100px 0;
    }
    #about .full-width-container {
        padding: 40px 0;
    }
    #why .full-width-container {
        padding: 20px 0;
    }
    #about-service .full-width-container {
        margin: 0px 0 80px 0;
    }
    #header .full-width-container .directory-container h1 {
        margin-top: 40px;
    }
    /*start blog and blog-detail pages css*/
    .notfound {
        max-width: 100%;
    }
    #notfound {
        position: relative;
        height: 40vh;
        background: #f6f6f6;
        margin: 120px 0 100px 0;
    }
    #show-all .full-width-container .show-all-container .row .head h4 {
        font-size: 18px;
    }
    #show-all .full-width-container .show-all-container .row .head a {
        font-size: 14px;
        padding: 10px 25px;
    }
    .cut .download-btn a {
        font-size: 11px;
    }
}

/* For iPad Screen */
@media (min-width: 576px) and (max-width: 767.98px) {
    #show-all
        .full-width-container
        .show-all-container
        .row.list
        .col-md-3
        .card
        .card-body
        h5:nth-child(1) {
        font-size: 13px;
    }
    #show-all .full-width-container .show-all-container .row .head h4 {
        font-size: 18px;
    }
    #show-all .full-width-container .show-all-container .row .head a {
        font-size: 14px;
        padding: 10px 25px;
    }
    .sticky-nav {
        /* background: unset; */
        padding: 20px 37px 10px 37px;
    }
    #header .full-width-container .directory-container h1 {
        font-size: 60px;
        margin-top: 40px;
    }
    #header .full-width-container .search .input-group .search-dropdown {
        height: 85px;
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, 0.5);
        padding: 12px;
        font-size: 14px;
        font-weight: 500;
    }
    #header .full-width-container .play p {
        color: #fff;
        font-size: 21px;
        padding-right: 0px;
    }
    #service .full-width-container .container .row .head h2 {
        font-size: 28px;
    }
    #service .full-width-container .container .row.service-provider .col-md-4 {
        padding: 0 20px 0 21px;
    }
    #show-all .full-width-container .show-all-container .row .head h2 {
        font-size: 34px;
    }
    #show-all
        .full-width-container
        .show-all-container
        .row.list
        .col-md-3
        .card
        h3 {
        font-size: 13px;
        line-height: 21px;
    }
    #show-all
        .full-width-container
        .show-all-container
        .row.list
        .col-md-3
        .card
        .price
        p {
        font-size: 20px;
    }
    footer .full-width-container .frontent-container .row.above-footer p {
        font-size: 17px !important;
        padding: 0px 46px;
        line-height: 30px;
        width: 100% !important;
    }
    footer .full-width-container .frontent-container .row.above-footer a {
        padding: 15px 15px;
        font-size: 14px;
        align-self: center;
        margin: auto;
    }

    /*start about-page css*/
    #about .full-width-container .container .row .col-md-6:last-child {
        padding: 10px 0px 50px 20px;
    }
    #about .full-width-container .container .row .col-md-6 p {
        color: #000;
        line-height: 28px;
        font-size: 14px;
        padding-bottom: 0px;
    }
    #about .full-width-container .container .row .col-md-6 h3 {
        font-size: 24px;
        font-weight: 600;
        padding: 15px 0;
    }
    #about .full-width-container .container .row .col-md-6 p.last {
        padding-bottom: 20px;
    }
    #video .full-width-container .container .row {
        padding: 0px 20px;
    }
    #why .full-width-container .container .row {
        padding: 0 20px;
    }
    #why .full-width-container .container .row .col-md-6:first-child {
        padding: 0px 0px 50px 0px;
    }
    #why .full-width-container .container .row .col-md-6 h3 {
        font-size: 24px;
        padding: 10px 0;
    }
    #why .full-width-container .container .row .col-md-6 p {
        line-height: 28px;
        font-size: 14px;
        padding-bottom: 0px;
    }
    #why .full-width-container .container .row .col-md-6 p.last {
        padding-bottom: 25px;
    }
    #better .full-width-container .container .row {
        padding: 0 20px 150px 20px;
    }
    #better .full-width-container .container .row .col-md-6:last-child {
        padding: 20px 0px 50px 20px;
    }
    #better .full-width-container .container .row .col-md-6 h3 {
        font-size: 24px;
        padding: 10px 0;
    }
    #better .full-width-container .container .row .col-md-6 p.last {
        padding-bottom: 25px;
    }
    #better .full-width-container .container .row .col-md-6 p {
        line-height: 28px;
        font-size: 14px;
        padding-bottom: 10px;
    }
    /*end about-page css*/

    /*start blog and blog-detail pages css*/
    #header .full-width-container.blog-page .directory h1 {
        font-size: 32px;
    }
    #header .full-width-container.blog-detail-page .container.business {
        padding: 0 25px;
    }
    #header
        .full-width-container.blog-detail-page
        .success-mantra-container
        h1 {
        font-size: 33px;
        color: #fff;
        text-align: center;
    }
    #advise
        .full-width-container
        .container
        .row
        .col-md-4
        .card
        .card-body
        .card-last
        a {
        padding: 10px 10px;
        font-size: 12px;
    }
    #advise
        .full-width-container
        .container
        .row
        .col-md-4
        .card
        .card-body
        .card-last
        i.fas.fa-arrow-right {
        padding-left: 6px;
        font-size: 10px;
    }
    #advise
        .full-width-container
        .container
        .row
        .col-md-4
        .card
        .card-body
        .card-last
        p {
        font-size: 12px;
    }
    #advise
        .full-width-container
        .container
        .row
        .col-md-4
        .card
        .card-body
        .card-last
        i.fa.fa-clock {
        padding-right: 10px;
        font-size: 18px;
    }
    /*end blog and blog-detail pages css*/
    div#navbarNavDropdown {
        background: #000;
        padding: 20px;
        z-index: 999;
        text-align: center;
    }
    .navbar-collapse ul li:hover .underline {
        background-color: white;
        width: 10%;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #fff;
    }
    .navbar-collapse ul li.active .underline {
        width: 6%;
    }
    .navbar-collapse ul li.active .underline {
        width: 100%;
        background-color: white;
        width: 6%;
    }
    .dropdown-menu.show {
        display: block;
        width: 100%;
    }
    #blog .full-width-container .blog-container {
        padding: 50px 0 100px 0;
    }
    #blog .full-width-container .blog-container .row .col-md-9 .col-md-8 h1 {
        font-size: 18px;
    }
    #blog .full-width-container .blog-container .row .col-md-3 .wrap h3 {
        font-size: 19px;
    }
    #blog .full-width-container .blog-container .row .col-md-3 .wrap-2 h3 {
        font-size: 19px;
    }
    #about .full-width-container {
        padding: 40px 0;
    }
    #why .full-width-container {
        padding: 20px 0;
    }
    #about-service .full-width-container {
        margin: 0px 0 80px 0;
    }
    #video .full-width-container {
        padding: 30px 0px;
    }
    div#navbarNavDropdown.normal {
        background: c64ff9;
        padding: 20px;
        z-index: 999;
        width: 100%;
        border-radius: 5px;
    }
    header div#navbarNavDropdown.normal {
        background: #d6bdaa;
        z-index: 9;
        padding-bottom: 10px;
        text-align: center;
        position: relative;
        max-width: 100%;
        width: 100%;
        left: 0;
        top: 8px;
        border-radius: 5px;
    }
    .navbar-expand-lg .navbar-nav li.nav-item:last-child .dropdown-menu {
        background-color: c64ff9;
        border: 1px solid c64ff9;
        border-radius: 0.25rem;
    }
    .navbar-expand-lg
        .navbar-nav
        li.nav-item:last-child
        .dropdown-menu
        .dropdown-item {
        color: #fff;
        background-color: transparent;
    }
    #notfound {
        height: 75vh;
        background: unset;
        margin: 0;
    }
    #maintaince .box {
        height: 400px;
        margin-top: 100px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    footer .full-width-container .row.bottom-footer {
        padding: 0 15px;
    }
    #header
        .full-width-container
        .front-header-container
        div#navbarSupportedContent {
        padding: 25px 10px;
        display: -webkit-box;
    }
    .onscroll-menu .new-search input.when {
        max-width: 90px !important;
        width: 100%;
    }
    .onscroll-menu .new-search .input-group-prepend .input-group-text {
        border: 1px solid #494a4d !important;
        border-right: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .onscroll-menu .new-search input {
        max-width: 180px;
    }
    #header .full-width-container .front-header-container .collapse:not(.show) {
        display: none !important;
    }
}
/* start header for mobile*/
@media (max-width: 575.98px) {
    .front-header-container .onscroll-menu .nav-item .new-search input {
        border-right: 1px solid #494a4d !important;
    }
    .front-header-container .onscroll-menu .nav-item .new-search input.when {
        max-width: unset !important;
        width: 100%;
    }
    #header
        .full-width-container
        .front-header-container
        div#navbarSupportedContent {
        padding: 25px 10px;
    }
    /* .front-header-container .nav-item .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
        border-top-left-radius: unset;
        border-bottom-left-radius: unset;
        border: 1px solid #494a4d;
    } */

    .app .download-app {
        display: unset;
        width: 100%;
    }
    .app h2 {
        line-height: 25px;
        font-size: 17px;
        margin-bottom: 50px;
    }
    .cut .download-cut {
        display: unset;
    }
    .cut p {
        margin-left: 15px;
        margin-bottom: 0;
    }
    .cut h2 {
        line-height: 25px;
        font-size: 17px;
    }
    .cut .download-btn a {
        border-radius: 7px;
        font-size: 10px;
        font-weight: 600;
        padding: 14px 10px;
    }
    .cut .cut-left {
        align-self: center;
        margin-top: 50px;
        padding: 0 15px !important;
    }
    .sticky-nav {
        /* background: unset; */
        padding: 10px 22px 10px 13px;
    }
    /* .fixed-nav {
    top: 23px;
} */
    #header .full-width-container .search .home-search {
        margin-left: -1px;
        display: unset;
        align-self: unset;
        background-color: unset;
        position: unset;
        right: unset;
    }
    #service .full-width-container .container .row .head {
        padding: 0 20px;
    }
    #show-all .full-width-container .show-all-container .row .head {
        display: unset;
        width: 100%;
        padding: 0 20px;
        text-align: center;
    }
    #header .full-width-container .directory-container h1 {
        font-size: 40px;
        margin-top: 60px;
    }
    /* #header .full-width-container .search {
    top: 35%;
    left: 0;
    right: 0;
    display: unset;
    width: 100%;
    padding: 0 10px;
} */
    #header .full-width-container .search {
        max-width: 631px;
        position: absolute;
        top: 45%;
        left: 0;
        right: 0;
        padding: 0 20px;
        /* display: flex; */
        /* justify-content: center; */
        width: 100%;
    }
    #header .full-width-container .directory-container {
        top: 20%;
    }
    #header .full-width-container .directory-container h1 {
    }
    #header .full-width-container .play {
        top: 32%;
        display: unset;
        justify-content: center;
    }
    #header .full-width-container .play p {
        font-size: 22px;
        padding: 0 22px;
    }
    #header .full-width-container .play i {
        top: -6px;
        left: 42%;
    }
    #header .full-width-container .search .input-group:first-child {
        width: 100%;
        padding: 10px 0 5px 0px;
        border-radius: 0;
    }
    #header .full-width-container .search .input-group {
        /* width: 100%; */
        width: 84%;
        margin: 0;
    }
    #header .full-width-container .search .input-group:last-child {
        /* width: 100%; */
        width: 16%;
        padding: 0px 0px 10px 0px;
        -webkit-appearance: none;
    }
    #header .full-width-container .search .input-group input {
        font-weight: 400;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    /* #header .full-width-container .search .input-group.has-search1 .input-group-text {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
} */
    #header .full-width-container .search .input-group input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    #header
        .full-width-container
        .search
        .input-group.has-search2
        .input-group-text {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    #header
        .full-width-container
        .search
        .input-group.has-search1
        .input-group-text {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-left: 0;
    }
    #header
        .full-width-container
        .search
        .input-group.has-search2
        input.form-control {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    #header .full-width-container .search .input-group:last-child div {
        width: 100%;
    }
    #header .full-width-container .search .input-group a {
        padding: 10px 0;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    #header .full-width-container .search .input-group a.btn.dropdown-toggle {
        border-radius: 0;
        width: 100%;
    }
    .dropdown-menu.show {
        display: block;
        width: 100%;
    }
    #service .full-width-container .container .row .head h2 {
        font-size: 26px;
    }
    #service .full-width-container .container .row.service-provider .col-md-4 {
        padding: 0 20px 0 20px;
        line-height: 33px;
    }
    #show-all .full-width-container .show-all-container .row .head h2 {
        font-size: 25px;
        padding-bottom: 30px;
    }
    #show-all
        .full-width-container
        .show-all-container
        .row.list
        .col-md-3
        .card {
        padding: 30px 25px 35px 25px;
        border: 0;
        border-radius: 10px;
        margin: 20px 20px 0px 20px;
    }
    footer .full-width-container .frontent-container .row.above-footer p {
        font-size: 13px !important;
        padding: 0px 20px;
        font-weight: 500;
        line-height: 25px;
        width: 100% !important;
    }
    footer .full-width-container .frontent-container .row.above-footer {
        padding: 40px 0;
        bottom: 80px;
        margin: 0 0px;
    }
    footer .full-width-container .frontent-container .row.above-footer a {
        padding: 15px 25px;
        border-radius: 15px;
        font-size: 13px;
        display: block;
        margin: auto;
    }
    footer .full-width-container .row .col-md-6 img {
        display: block;
        margin: auto;
    }
    footer .full-width-container .row .col-md-6 .app-comings {
        display: flex;
        justify-content: space-around;
        padding: 15px 0 0 0;
    }
    footer .full-width-container .row .col-md-6 .app-comings a {
        width: 40%;
    }
    footer .full-width-container .row .col-md-6 a img.app-img {
        width: 100%;
    }
    footer .full-width-container .row.menu {
        padding-bottom: 30px;
        padding-top: 0px;
    }
    footer .full-width-container .row .col-md-6.right div:first-child {
        padding-left: 10px;
    }
    footer .full-width-container .row .col-md-6.right {
        padding: 25px 10px 0 10px;
    }
    footer .full-width-container {
        padding: 0px 0 20px 0;
    }
    footer .full-width-container .row.bottom-footer {
        display: unset;
        text-align: center;
    }
    footer .full-width-container .row.bottom-footer p {
        font-size: 14px;
    }
    footer .full-width-container .row.bottom-footer i {
        padding: 0 10px;
    }
    #show-all .full-width-container .show-all-container .row.list {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .logo {
        width: 55%;
    }
    .navbar-light .navbar-toggler {
        font-size: 16px;
    }
    #header .full-width-container .front-header-container {
        top: 0px;
    }

    /*start about-page css*/
    #header .full-width-container.about-us .directory h1 {
        font-size: 24px;
    }
    #about .full-width-container .container .row .col-md-6:last-child {
        padding: 65px 20px 50px 20px;
    }
    #video .full-width-container {
        padding: 0px 0px 50px 0px;
    }
    #video .full-width-container .container .row {
        padding: 0px 20px;
    }
    #video .full-width-container .container .row h3 {
        font-size: 24px;
        padding-bottom: 25px;
    }
    #why .full-width-container .container .row .col-md-6:first-child {
        padding: 0px 0px 50px 0px;
    }
    #why .full-width-container .container .row {
        padding: 0 20px;
    }
    #about-service .full-width-container .container .row {
        padding: 0px 20px 0px 20px;
    }
    #better .full-width-container {
        padding: 0px 0 50px 0;
    }
    #better .full-width-container .container .row {
        padding: 0 20px 60px 20px;
    }
    #about .full-width-container {
        padding: 40px 0;
    }
    #why .full-width-container {
        padding: 20px 0;
    }
    #about-service .full-width-container {
        margin: 0px 0 80px 0;
    }
    #about-service .full-width-container .container {
        text-align: center;
    }
    #about-service .full-width-container .container .row .col-md-3 {
        padding: 0 0px 35px 0px;
        line-height: 33px;
    }
    #about-service .full-width-container .container .row .head {
        padding: 30px 0px;
        width: 100%;
    }
    /*end about-page css*/

    /*start blog and blog-detail pages css*/
    #header .full-width-container.blog-page .directory h1 {
        font-size: 24px;
    }
    #header .full-width-container.blog-detail-page .success-mantra-container {
        top: 55%;
    }
    #header
        .full-width-container.blog-detail-page
        .success-mantra-container
        h1 {
        font-size: 26px;
        text-align: center;
    }
    #header .full-width-container.blog-detail-page .edwards-container p {
        font-size: 18px;
    }
    #header .full-width-container.blog-detail-page .edwards-container p i {
        padding-right: 5px;
        font-size: 12px;
    }
    #header .full-width-container.blog-detail-page .edwards-container {
        top: 78%;
        padding: 0 24px;
    }
    .pagination > li > a {
        border-radius: 50% !important;
        margin: 0 1px;
    }
    #para .full-width-container .container .row {
        padding: 50px 20px 0px 20px;
    }
    #para .full-width-container .container .row h3 {
        padding-bottom: 14px;
        font-size: 19px;
    }
    #para .full-width-container .container .row p {
        font-size: 13px;
        line-height: 22px;
    }
    #advise .full-width-container .container h3 {
        font-size: 19px;
        padding: 0px 0 25px 0;
    }
    #advise .full-width-container .container .row .col-md-4 .card {
        border: 0;
        margin: 0 13px 15px 30px;
    }
    #advise .full-width-container .container {
        padding: 50px 0 160px 0;
    }
    /*end blog and blog-detail pages css*/

    /*start mobile screen css*/
    #forgot-password {
        width: 100%;
    }
    #confirm-password input {
        width: 10%;
    }
    #confirm-password {
        width: 100%;
    }
    #changed-password {
        width: 100%;
    }
    /*end mobile screen css*/
    #myVideo {
        width: auto;
        height: 300px;
        /* margin-left: 50vw;
    transform: translate(-50%); */
        margin-left: 0vw;
        transform: translate(0);
    }
    #video #myVideo {
        height: auto;
        width: 0;
    }
    .container.nav-bg {
        background: #21252959;
        opacity: 0.3;
        z-index: 1;
    }
    .container.nav-bg {
        background: #212529;
        z-index: 1;
    }

    #header .full-width-container img.banner {
        width: 100%;
        height: 450px;
    }
    #header .full-width-container img.banner.about {
        width: 100%;
        height: 300px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        text-align: center;
    }
    .navbar-collapse ul li.active .underline {
        width: 10%;
    }
    #show-all
        .full-width-container
        .show-all-container
        .row.list
        .col-md-3
        .card
        a
        h3 {
        font-size: 18px;
        line-height: 25px;
    }
    #profile-skills
        .full-width-container
        .profile-container
        .row
        .col-md-9
        .price-info
        a.now {
        padding: 12px 20px;
        font-size: 13px;
        position: relative;
        top: 6px;
    }
    #profile-skills
        .full-width-container
        .profile-container
        .row
        .col-md-9
        .price-info
        button.now {
        padding: 10px 20px;
        font-size: 13px;
        position: relative;
        top: -1px;
    }
    #about .full-width-container .container .row .col-md-6 h3 {
        font-size: 28px;
        padding: 20px 0;
    }
    #why .full-width-container .container .row .col-md-6 h3 {
        font-size: 28px;
        padding: 20px 0;
    }
    #about-service .full-width-container .container .row .head h2 {
        font-size: 28px;
        line-height: 30px;
    }
    #better .full-width-container .container .row .col-md-6:last-child {
        padding: 65px 0px 50px 0px;
    }
    #better .full-width-container .container .row .col-md-6 h3 {
        font-size: 28px;
        padding: 20px 0;
    }
    #blog .full-width-container .blog-container .row .col-md-9 .col-md-8 {
        padding: 30px 20px 10px 20px;
    }
    #blog .full-width-container .blog-container .row .col-md-9 .col-md-8 h1 {
        font-size: 20px;
    }
    div#navbarNavDropdown.normal {
        background: c64ff9;
        padding: 20px;
        z-index: 999;
        width: 100%;
        border-radius: 5px;
    }
    header div#navbarNavDropdown.normal {
        background: #d6bdaa;
        z-index: 1;
        padding-bottom: 10px;
        text-align: center;
        position: relative;
        max-width: 100%;
        width: 100%;
        left: 0;
        top: 8px;
        border-radius: 5px;
    }
    .navbar-expand-lg .navbar-nav li.nav-item:last-child .dropdown-menu {
        background-color: c64ff9;
        border: 1px solid c64ff9;
        border-radius: 0.25rem;
    }
    .navbar-expand-lg
        .navbar-nav
        li.nav-item:last-child
        .dropdown-menu
        .dropdown-item {
        color: #fff;
        background-color: transparent;
    }
    footer .full-width-container .row.bottom-footer a {
        padding: 0 15px;
    }
    #header .full-width-container {
        position: relative;
        overflow-y: scroll;
    }
    #show-all .full-width-container {
        padding: 50px 0;
    }
    #choose .full-width-container .container .row .col-md-2 p {
        padding: 35px;
    }
    #choose .full-width-container {
        margin: 80px 0 120px 0;
    }
    #left-screen
        .full-width-container
        .category-container
        .row
        .col-md-9
        .dropdown-type
        .freelancer-list {
        display: none;
    }
    #left-screen
        .full-width-container
        .category-container
        .row
        .col-md-9
        .dropdown-type
        .freelancer-details {
        display: none;
    }
    #left-screen
        .full-width-container
        .category-container
        .row
        .col-md-9
        .dropdown-type
        .category {
        display: block;
    }
    #left-screen
        .full-width-container
        .category-container
        .row
        .col-md-9
        .dropdown-type
        .location {
        display: block;
    }
    #left-screen
        .full-width-container
        .category-container
        .row
        .col-md-9
        .dropdown-type
        .rate {
        display: block;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9;
        top: 0;
        left: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
    }
    .fliter-design label {
        font-size: 14px;
        position: relative;
        top: -2px;
    }
    .sidenav a {
        padding: 8px 8px 8px 20px;
        text-decoration: none;
        font-size: 16px;
        color: #818181;
        background: c64ff9;
        display: block;
        transition: 0.3s;
    }
    .sidenav a:hover {
        color: #f1f1f1;
    }
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    .sidenav ul li.nav-item a {
        padding: 15px 20px;
    }
    #mySidenav .fliter-design {
        display: flex;
    }
    #mySidenav .fliter-design .left-side {
        width: 40%;
    }
    #mySidenav .fliter-design .right-side {
        width: 60%;
        padding: 15px 10px 20px 0px;
    }
    #mySidenav .fliter-design .right-side form .form-group {
        margin-bottom: 0;
    }
    #mySidenav .fliter-design .right-side form .form-group label {
        font-size: 13px;
        color: #767085;
        padding-left: 5px;
        position: relative;
        top: -2px;
    }
    #mySidenav a.back span {
        padding-left: 10px;
    }
    #privacy .container {
        padding: 20px 30px 80px 30px;
    }

    #choose .full-width-container .container ul.ks-cboxtags li label {
        max-width: 150px;
        width: 100%;
    }
    #show-all .full-width-container .show-all-container .row .head h4 {
        margin-bottom: 25px;
        font-size: 20px;
    }
    #show-all .full-width-container .show-all-container .row .head a {
        padding: 10px 30px;
        font-size: 17px;
    }
    #notfound {
        margin: 74px 0 100px 0;
        height: 61vh;
        background: unset;
    }
    #notfound .notfound {
        top: 45%;
    }
    .notfound .notfound-404 {
        position: relative;
        height: 180px;
    }
    #maintaince .container {
        margin: 74px 0 100px 0;
    }
    #maintaince .box {
        height: 400px;
        margin-top: 100px;
        margin-left: 10px;
        margin-right: 10px;
    }
    #para .full-width-container .container .blog-content {
        padding: 0px 15px 40px 15px !important;
    }
    .navbar-expand-lg .navbar-nav li.nav-item:last-child {
        margin: 0 0 auto;
    }
    #maintaince .container video#myVideo {
        height: auto;
        margin: 0;
        width: 100%;
    }
}

/* iPhone 12 Pro Max */
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
    .sticky-nav {
        /* background: unset; */
        padding: 10px 22px 10px 13px;
    }

    #header .full-width-container .front-header-container {
        top: 0px;
        position: fixed !important;
        z-index: 999;
    }
    #header .full-width-container .play {
        z-index: 1;
    }
    #header .full-width-container .search {
        z-index: 1;
    }
    #header .full-width-container .join {
        z-index: 1;
    }
    #maintaince .container video#myVideo {
        height: auto;
        margin: 0;
        width: 100%;
    }
}

/* iPhone 12 and iPhone 12 Pro */
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
    .sticky-nav {
        /* background: unset; */
        padding: 10px 22px 10px 13px;
    }

    #header .full-width-container .front-header-container {
        top: 0px;
        position: fixed !important;
        z-index: 999;
    }
    #header .full-width-container .play {
        z-index: 1;
    }
    #header .full-width-container .search {
        z-index: 1;
    }
    #header .full-width-container .join {
        z-index: 1;
    }
    #maintaince .container video#myVideo {
        height: auto;
        margin: 0;
        width: 100%;
    }
}

/* iPhone 11 Pro Max */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    .sticky-nav {
        /* background: unset; */
        padding: 10px 22px 10px 13px;
    }

    #header .full-width-container .front-header-container {
        top: 0px;
        position: fixed !important;
        z-index: 999;
    }
    #header .full-width-container .play {
        z-index: 1;
    }
    #header .full-width-container .search {
        z-index: 1;
    }
    #header .full-width-container .join {
        z-index: 1;
    }
    #maintaince .container video#myVideo {
        height: auto;
        margin: 0;
        width: 100%;
    }
}

/* iPhone 11 Pro */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .sticky-nav {
        /* background: unset; */
        padding: 10px 22px 10px 13px;
    }

    #header .full-width-container .front-header-container {
        top: 0px;
        position: fixed !important;
        z-index: 999;
    }
    #header .full-width-container .play {
        z-index: 1;
    }
    #header .full-width-container .search {
        z-index: 1;
    }
    #header .full-width-container .join {
        z-index: 1;
    }
    #maintaince .container video#myVideo {
        height: auto;
        margin: 0;
        width: 100%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 575.98px) {
    .sticky-nav {
        padding: 10px 22px 10px 13px;
    }
    #header
        .full-width-container
        .search
        .input-group:first-child
        .input-group-text {
        height: 65px;
    }

    #header .full-width-container .search {
        max-width: 631px;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        top: 35%;
        padding: 0 25px 30px;
        z-index: 1;
    }
    #header .full-width-container .search .input-group:first-child {
        width: 100%;
        padding: 10px 0 5px 0px;
    }
    header .full-width-container .container.search .input-group input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    #header
        .full-width-container
        .search
        .input-group.has-search1
        .input-group-text {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-left: 0;
    }
    #header .full-width-container .search .input-group {
        width: 84%;
        margin: 0;
    }
    #header
        .full-width-container
        .search
        .input-group.has-search2
        input.form-control {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    #header .full-width-container .search .input-group:last-child {
        width: 16%;
        padding: 0px 0px 10px 0px;
    }
    #header .full-width-container .search .input-group a {
        padding: 10px 0;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    #header .full-width-container .search .input-group {
        float: left;
    }
    #header .full-width-container .search .input-group a {
        padding: 10px 22px;
    }
    #myVideo {
        width: auto;
        height: 300px;
        margin-left: 0vw;
        transform: translate(0%);
    }
    #header .full-width-container .play {
        top: 37%;
    }
    #header .full-width-container .play p {
        font-size: 22px;
        padding: 0 22px;
    }
    header div#navbarNavDropdown.normal {
        background: #d6bdaa;
        z-index: 9;
        padding-bottom: 10px;
        text-align: center;
        position: relative;
        max-width: 100%;
        width: 100%;
        left: 0;
        top: 8px;
        border-radius: 5px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        text-align: center;
    }
    .navbar-collapse ul li.active .underline {
        width: 10%;
    }
    #header .full-width-container .search .input-group:first-child input {
        height: calc(51px + 0.75rem + 2px);
    }
    #show-all .full-width-container .show-all-container .row .head {
        display: unset;
        width: 100%;
        padding: 0 20px;
        text-align: center;
    }
    #show-all .full-width-container .show-all-container .row .head h4 {
        margin-bottom: 25px;
        font-size: 20px;
    }
    #show-all .full-width-container .show-all-container .row .head a {
        padding: 10px 30px;
        font-size: 17px;
    }
    #show-all
        .full-width-container
        .show-all-container
        .row.list
        .col-md-3
        .card {
        padding: 30px 25px 35px 25px;
        border: 0;
        border-radius: 10px;
        margin: 20px 20px 0px 20px;
    }
    footer .full-width-container .frontent-container .row.above-footer {
        padding: 40px 0;
        bottom: 80px;
        margin: 57px 0 0 0;
    }
    footer .full-width-container .frontent-container .row.above-footer p {
        font-size: 13px !important;
        padding: 0px 20px;
        font-weight: 500;
        line-height: 25px;
        width: 100% !important;
    }
    footer .full-width-container .frontent-container .row.above-footer a {
        padding: 15px 25px;
        border-radius: 15px;
        font-size: 13px;
        display: block;
        margin: auto;
    }
    footer .full-width-container .row .col-md-6 img {
        display: block;
        margin: auto;
    }
    footer .full-width-container .row .col-md-6.right {
        padding: 25px 15px 0 15px;
    }
    footer .full-width-container .row .col-md-6.right div:first-child {
        padding-left: 10px;
    }
    footer .full-width-container .row.bottom-footer {
        display: unset;
        text-align: center;
    }
    .navbar-collapse ul li.active .underline {
        width: 10%;
    }
    .logo {
        width: 55%;
    }
    .navbar-light .navbar-toggler {
        font-size: 16px;
    }
    #header .full-width-container img.banner {
        height: 450px;
        width: 100%;
        object-fit: cover;
    }
    #header .full-width-container .join {
        top: 25%;
    }
    #header .full-width-container .search .input-group:first-child {
        width: 100%;
        padding: 10px 0 5px 0px;
    }
    #header .full-width-container .search .input-group {
        float: left;
    }
    #header .full-width-container .search .input-group:last-child {
        width: 16%;
        padding: 0px 0px 10px 0px;
    }
    #header .full-width-container .search .input-group:first-child input {
        height: calc(51px + 0.75rem + 2px);
    }
    #header
        .full-width-container
        .search
        .input-group.has-search1
        .input-group-text {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-left: 0;
    }
    #header
        .full-width-container
        .search
        .input-group.has-search2
        input.form-control {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    #header .full-width-container .search .input-group:last-child {
        width: 16%;
        padding: 0px 0px 10px 0px;
    }
    #header .full-width-container .search .input-group:last-child div {
        width: 100%;
    }
    #header .full-width-container .search .input-group a {
        padding: 10px 22px;
    }
    #header .full-width-container .search .input-group a i {
        color: #ddd;
    }
    .wrap-skills {
        margin: 0px 5px;
    }
    #header .full-width-container .join {
        top: 25% !important;
    }
    #header .full-width-container .join p {
        color: #fff;
        font-size: 28px !important;
        padding-right: 0;
    }
    #about .full-width-container .container .row .col-md-6:last-child {
        padding: 65px 20px 50px 20px;
    }
    #video .full-width-container {
        padding: 0px 0px 50px 0px;
    }
    #video .full-width-container .container .row {
        padding: 0px 20px;
    }
    #video .full-width-container .container .row h3 {
        font-size: 24px;
        padding-bottom: 25px;
    }
    #why .full-width-container .container .row .col-md-6:first-child {
        padding: 0px 0px 50px 0px;
    }
    #why .full-width-container .container .row {
        padding: 0 20px;
    }
    #about-service .full-width-container .container .row {
        padding: 0px 20px 0px 20px;
    }
    #better .full-width-container {
        padding: 0px 0 50px 0;
    }
    #better .full-width-container .container .row {
        padding: 0 20px 60px 20px;
    }
    #about .full-width-container {
        padding: 40px 0;
    }
    #why .full-width-container {
        padding: 20px 0;
    }
    #about-service .full-width-container {
        margin: 0px 0 80px 0;
    }
    #about-service .full-width-container .container {
        text-align: center;
    }
    #about-service .full-width-container .container .row .col-md-3 {
        padding: 0 0px 35px 0px;
        line-height: 33px;
    }
    #about-service .full-width-container .container .row .head {
        padding: 30px 0px;
        width: 100%;
    }
    #para .full-width-container .container .blog-content {
        padding: 0px 15px 40px 15px;
    }
    #header
        .full-width-container.blog-detail-page
        .success-mantra-container
        h1 {
        font-size: 26px;
        text-align: center;
    }
    #header .full-width-container.blog-detail-page .edwards-container p {
        font-size: 18px;
    }
    header div#navbarNavDropdown .dropdown-menu {
        background: #d6bdaa;
        border: 1px solid #d6bdaa;
    }
    #maintaince .container video#myVideo {
        height: auto;
        margin: 0;
        width: 100%;
    }
}

/* iPhone X and Xs Max */
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    #header .full-width-container .directory-container {
        top: 20%;
        position: absolute !important;
        z-index: 1;
    }
    #header .full-width-container .search {
        position: absolute !important;
    }
    #header .full-width-container .join {
        position: absolute !important;
    }
    #header .full-width-container .front-header-container {
        position: absolute !important;
    }
}

/* @media screen and (-webkit-min-device-pixel-ratio:601) and (max-width: 600px) {


} */

/* .afterscrollremove {
    display: none;
} */
.scrollnone {
    display: none;
}
.onscroll-menu {
    background: #262626;
    padding: 5px 0;
}
.onscroll-menu nav {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

.onscroll-menu .new-search {
}
.onscroll-menu img {
    width: 64%;
}
.onscroll-menu .new-search input {
    background: transparent;
    border-radius: 0;
    color: #c2c2c2;
    border: 1px solid #494a4d;
    border-right: 0;
    height: 45px;
}
.onscroll-menu .new-search input.ser {
    border-left: 0;
}
.onscroll-menu .new-search .input-group-prepend {
}

.onscroll-menu .new-search .input-group-prepend .input-group-text {
    background: transparent;
    border: 1px solid #494a4d;
    border-right: 0;
}
.onscroll-menu .new-search .input-group-prepend .input-group-text i {
    color: #c2c2c2;
}
.onscroll-menu .new-search input.when {
    border-right: 1px solid #494a4d;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    max-width: 125px;
    width: 100%;
}
.onscroll-menu .new-search input::placeholder {
    color: #b5b5b6;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
}
.onscroll-menu .new-search .form-control:focus {
    outline: 0;
    box-shadow: unset;
}
.onscroll-menu .auth {
}
.onscroll-menu .auth i {
    color: #686868;
    font-size: 30px;
    padding-right: 7px;
    position: relative;
    top: 7px;
}
.onscroll-menu .auth a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
.onscroll-menu li.nav-item.dropdown {
    font-size: 14px;
    padding-left: 15px;
}
.onscroll-menu li.nav-item.dropdown a.nav-link {
    color: #fff;
    position: relative;
    top: 2px;
    font-weight: 100;
    font-size: 14px;
}
.onscroll-menu li.nav-item.dropdown a.dropdown-item {
    font-size: 14px;
}
.onscroll-menu .navbar-expand-lg .navbar-nav li.nav-item:last-child {
    background: transparent;
}
.mod-service-search form {
    width: 100%;
}
.mod-service-search form .input-group {
    height: 40px;
}
.mod-service-search form .input-group span#basic-addon1 {
    background: #fff;
    border: 0;
}
.mod-service-search form .input-group input.form-control {
    border: 0;
    font-size: 13px;
}
.mod-service-search form .input-group i {
    display: flex;
    align-self: center;
}
.mod-service-search .modal-header {
    padding: 4px 15px;
}
.modal .modal-header input::placeholder {
    color: #cecece;
    font-weight: 600;
    position: relative;
    top: 3px;
}
.mod-service-search .modal-content ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.mod-service-search .modal-content ul li {
    padding: 15px 10px 4px 0;
    font-size: 13px;
}
.mod-service-search .modal-content ul li a {
    color: #7e7d7b;
    border-radius: 16px;
    border: 1px solid #ebebeb;
    padding: 5px 10px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.11);
}
.mod-service-search .modal-content h6 {
    font-size: 13px;
    color: #7e7d7b;
    padding-top: 20px;
    padding-bottom: 5px;
}
.mod-service-search .modal-footer {
    border: 0;
}
.mod-service-search .modal-footer button {
    width: 60%;
    margin: auto;
    background: c64ff9;
    border-color: c64ff9;
}
.mod-service-search .modal-footer button:hover {
    background: c64ff9;
    border-color: c64ff9;
}

#serviceWhereModal .modal-dialog .modal-content form .input-group {
}

#serviceWhereModal
    .modal-dialog
    .modal-content
    form
    .input-group
    .input-group-prepend {
}

#serviceWhereModal
    .modal-dialog
    .modal-content
    form
    .input-group
    .input-group-prepend
    span {
    background: transparent;
    border: 0;
    font-size: 13px;
}

#serviceWhereModal .modal-dialog .modal-content form .input-group input {
    border: 0;
    font-size: 14px;
    background: transparent;
}
#serviceWhereModal .modal-dialog .modal-content form .input-group.head {
    font-size: 13px;
}
#serviceWhereModal
    .modal-dialog
    .modal-content
    form
    .input-group.head
    input::placeholder {
    color: #ddd;
}
#serviceWhereModal .modal-dialog .modal-content form .input-group.bg-btm {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
#serviceWhereModal .modal-dialog .modal-content form {
    width: 100%;
}

#serviceWhereModal .modal-dialog .modal-content .modal-header {
    padding: 10px 10px;
}
#serviceWhereModal .modal-dialog .modal-content .modal-body {
    padding: 0;
}
.serviceWhereModal .modal-dialog .modal-content form .input-group label {
    position: absolute;
    top: 5px;
    left: 46px;
    z-index: 3;
    font-size: 11px;
    color: #c5c4c4;
    text-transform: capitalize;
}
#serviceWhereModal .modal-dialog .modal-content form .input-group input:focus,
#near-search-modal .modal-dialog .modal-content form .input-group input:active,
#near-search-modal .modal-dialog .modal-content form .input-group input:hover {
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 2;
}
#serviceWhereModal
    .modal-dialog
    .modal-content
    form
    .input-group
    .input-group-prepend
    a {
    margin-right: 20px;
    background: c64ff9;
    color: #333;
    text-transform: capitalize;
    font-size: 13px;
    padding: 5px 12px;
    text-decoration: none;
    border-radius: 6px;
    margin: 4px 10px;
}
#serviceWhereModal .modal-dialog .modal-content .modal-body h6 {
    text-transform: uppercase;
    font-family: system-ui;
    font-size: 14px;
    padding: 16px 10px 20px 20px;
}
#serviceWhereModal .modal-dialog .modal-content .modal-body .skills {
    padding: 0px 0 20px 0;
    display: flex;
    flex-wrap: wrap;
}
#serviceWhereModal .modal-dialog .modal-content .modal-body .skills a {
    color: #000;
    background: #f5f5f5;
    font-size: 13px;
    padding: 5px 17px 7px 17px;
    border-radius: 20px;
    font-weight: 400;
    margin-right: 5px;
    text-decoration: none;
}
#serviceWhereModal .modal-dialog .modal-content .footer {
    text-align: center;
    padding-bottom: 20px;
}
#serviceWhereModal .modal-dialog .modal-content .footer .btn {
    width: 92%;
    background: c64ff9;
    color: #333;
    text-transform: capitalize;
    font-size: 13px;
    padding: 8px 70px;
    text-decoration: none;
}
#serviceWhereModal .modal-dialog .modal-content .footer a i {
    font-size: 11px;
}
#serviceWhereModal .form-control {
    height: 25px !important;
}
#serviceWhereModal .head {
    position: unset !important;
}
#serviceWhereModal
    .modal-dialog
    .modal-content
    .modal-header
    span.input-group-text {
    background: transparent;
    border: 0;
}
#serviceWhereModal
    .modal-dialog
    .modal-content
    .modal-header
    span.input-group-text
    span {
    font-size: 14px;
    position: relative;
    top: 3px;
}
#serviceWhereModal .modal-dialog .modal-content .modal-header input {
    font-size: 14px;
    padding: 15px 10px;
}