.clear-fix {
    display: table;
    content: '';
    clear: both;
}

.contact-address-content p.block-sub-heading {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0px;
}

.contact-section .contact-address-content .left-side ul {
    margin-top: 70px;
    list-style-type: none;
}

.contact-section .contact-address-content .left-side ul li {
    position: relative;
    padding-left: 85px;
    margin-bottom: 50px;
}

.contact-section .contact-address-content .left-side ul li .icon {
    width: 60px;
    height: 60px;
    border-width: 1px;
    position: absolute;
    left: 0;
    top: -9px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 30px;
    border-color: #2da2c8;
    border-style: solid;
    border-radius: 50%;
}

.p-color-bg {
    background: #2da2c8;
}

.contact-section .contact-address-content .left-side ul li:hover .icon {
    background: #fff;
    color: #2da2c8;
}

.contact-section .contact-address-content .left-side ul li h6 {
    font-size: 14px;
    margin-bottom: 8px;
    color: #55565b;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0px;
}

.contact-section .contact-address-content .left-side ul li p {
    line-height: 26px;
    letter-spacing: 0px;
}

.contact-section .contact-address-content .left-side ul li p a {
    color: #337ab7;
}

.contact-section {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}

.contact-section .send-message {
    padding: 0 15px;
}

#contact-section .send-message h2 {
    margin: 0px 0 12px 0;
    font-size: 36px;
    color: #55565b;
    text-transform: uppercase;
    font-weight: 700;
}

.alert-wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 9999999;
}

#mega-menu .dropdown ul li:last-child {
    margin-right: 0px;
}

#success,
#error {
    position: relative;
    width: 500px;
    height: 100px;
    top: calc(50% - 50px);
    left: calc(50% - 250px);
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
}

#success {
    color: #57D1C9;
}

#success button {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 20px;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 20px;
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    padding: 0
}

#success .wrapper,
#error .wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

#success {
    color: #57D1C9;
}

#success .wrapper p,
#error .wrapper p {
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 1px;
}

.alert-wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 9999999;
}

#error {
    color: #C9182B;
}

#success,
#error {
    position: relative;
    width: 500px;
    height: 100px;
    top: calc(50% - 50px);
    left: calc(50% - 250px);
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
}

#error button,
#success button {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 20px;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 20px;
}

#error .wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

#error .wrapper p {
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 1px;
}

p {
    line-height: 26px;
}

.contact-section .send-message .single-input {
    margin-bottom: 20px;
    height: 50px;
}

.contact-section .send-message .single-input input,
#contact-section .send-message form textarea {
    width: 100%;
    height: 100%;
    border: 1px solid #dfdfdf;
    padding: 0 15px;
}

.contact-section .send-message form textarea {
    height: 260px;
    max-width: 100%;
    max-height: 260px;
    padding: 20px 15px;
    border: 1px solid #dfdfdf;
    width: 100%;
}

.contact-section .send-message form button {
    width: 140px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-width: 1px;
    border-color: #2da2c8;
    border-style: solid;
    background: #2da2c8;
}

#mega-menu ul li:last-child {
    margin-right: 70px;
}

.main-header.header-white.transparent .navbar .navbar-nav>li>a {
    color: #fff;
    font-size: 1rem;
}

.main-header.header-white.transparent .navbar .navbar-nav>li>a:hover {
    color: #2da2c8;
}

.main-header .navbar-pos-search a {
    font-size: 1rem;
}

#contact_form .btn-primary {
    background-color: #2da2c8;
}

#contact_form .btn-primary:hover {
    background-color: #fff;
    color: #2da2c8;
    border: 1px solid #2da2c8;
    transition: all 0.5s ease-in-out;
}

#about-us .single-about-content p {
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 25px;
}

.theme-title {
    text-align: center;
    margin: 95px 0 0 0;
    font-size: 16px;
    margin: 60px auto 0 auto;
}

#about-us .single-about-content {
    text-align: center;
    margin-top: 55px;
    margin-bottom: 20px;
}

#about-us .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    line-height: 47px;
    border-width: 2px;
    font-size: 40px;
    color: #55565b;
    border-color: #2da2c8;
    border-style: solid;
    padding: 10px;

}

#about-us .about-card {
    max-width: 32% !important;
    flex: 0 50%;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
        0 5px 15px 0 rgba(37, 44, 97, 0.15);
    border-radius: 15px;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 265px;
    transition: 0.7s;
}

#about-us .about-card:hover {
    background: #2da2c8;
    color: #fff;
    transform: scale(1.03);
    z-index: 9;
}

#about-us .about-card:before {
    content: "";
    position: absolute;
    background: rgb(85 108 214 / 5%);
    width: 400px;
    height: 600px;
    z-index: -1;
    transform: rotate(60deg);
    right: -100px;
    top: 210px;
    border-radius: 35px;
}

#about-us .about-card:hover::before {
    background: rgb(45 162 200 / 10%);
}

#about-us .about-card .hover_color_bubble {
    position: absolute;
    background: rgb(54 81 207 / 15%);
    width: 60rem;
    height: 60rem;
    left: 0;
    right: 0;
    z-index: -1;
    top: 26rem;
    border-radius: 50%;
    transform: rotate(184deg);
    left: -9rem;
    transition: 0.7s;
}

#about-us .about-card:hover .hover_color_bubble {
    top: 8rem;
}

.round-border {
    border-radius: 50%;
}

#about-us h5 {
    font-size: 22px;
    color: #55565b;
    text-transform: uppercase;
    font-weight: 700;
    margin: 35px 0px 20px 0px;
}

/* 
#banner a.project-button {
    margin-top: 50px !important;
} */

#banner a.project-button,
#quotation-block a.project-button {
    color: #fff !important;
}

#about-us .single-about-content a.more,
#banner a.project-button,
#quotation-block a.project-button {
    background: none;
    border: 1px solid #2da2c8;
    /* width: 130px; */
    line-height: 45px;
    color: #55565b;
    margin-top: 22px;
    padding: 10px 20px;
    transition: color 0.4s linear;
    cursor: pointer;
    position: relative;
}

#about-us .single-about-content a.more::before,
#banner a.project-button::before,
#quotation-block a.project-button::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #2da2c8;
    z-index: -1;
    transition: transform 0.5s;
    transform-origin: 0.0;
    transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
}

#banner a.hvr-bounce-to-right::before,
#quotation-block a.hvr-bounce-to-right::before {
    transform: scaleX(0);
}

#banner a.hvr-bounce-to-right:hover::before,
#quotation-block a.hvr-bounce-to-right:hover::before {
    transform: scaleX(1);
}

#about-us .single-about-content a.more:hover,
#about-us .single-about-content:hover .icon,
#banner a.project-button:hover {
    color: #fff;
}

#about-us h5 a {
    color: #55565b;
}

#about-us .single-about-content:hover .icon {
    background: #2da2c8;
}

#about-us .single-about-content:hover h5 a {
    color: #fff;
}

.contact-section .send-message form button:hover {
    background: transparent;
    color: #2da2c8;
    border: 1px solid #2da2c8;
    transition: all .3s ease-in-out;
}

.portfolio-block .project-button {
    margin-top: 50px;
    color: #fff;
    line-height: 45px;
    text-align: center;
    border: 1px solid #2da2c8;
    background-color: #2da2c8;
    text-transform: uppercase;
    transition: 0.2s;
    padding: 5px !important;
}

#about-career .theme-title h2 {
    font-size: 36px;
    letter-spacing: 0px;
}

#about-career .page-middle-banner {
    margin-top: 70px;
    margin-bottom: 25px;
}

#about-career .page-middle-banner .opacity {
    background: rgba(0, 0, 0, 0.8);
}

#about-career .page-middle-banner .opacity h3 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

#about-career .single-about-content h5 a {
    font-size: 16px;
    color: #292929;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 700;
}

#about-career .single-about-content h5 a:hover {
    color: #2da2c8;
}

#about-career .single-about-content h5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

#about-career .single-about-content p {
    letter-spacing: 0px;
}



#contact-section .send-message h2 {
    font-size: 28px;
    margin: 0px 0 12px 0;
    color: #292929;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0px;
}

#contact-section .send-message .single-input {
    margin-bottom: 20px;
    height: 50px;
}

#contact-section .send-message .single-input input,
#contact-section .send-message form textarea {
    width: 100%;
    height: 100%;
    border: 1px solid #dfdfdf;
    padding: 0 15px;
}

#contact-section .send-message .single-input {
    margin-bottom: 20px;
    height: 50px;
}

#contact-section .send-message .single-input input,
#contact-section .send-message form textarea {
    width: 100%;
    height: 100%;
    border: 1px solid #dfdfdf;
    padding: 0 15px;
}

input[type="file"] {
    display: block;

}

#contact-section .send-message form textarea {
    height: 260px;
    max-width: 100%;
    max-height: 260px;
    margin-bottom: 25px;
    padding: 20px 15px;
}

#contact-section .send-message form button {
    width: 140px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #2da2c8 !important;
}

#contact-section .send-message form button:hover {
    background: #fff;
    border: 1px solid #2da2c8 !important;
    color: #2da2c8;
    transition: all 0.8s;
}

.breadcrumb-block .breadcrumb .breadcrumb-item a:hover {
    color: #2da2c8;
}

.portfolio-block p {
    letter-spacing: 0.5px;
    text-transform: capitalize;
    font-size: 14px;
}

.social-network a:hover .ico-binance {
    color: rgb(250 214 54);
}

.social-network a:hover .ico-google {
    color: rgb(233, 66, 52);
}

.social-network a:hover .ico-facebook {
    color: #1877f2;
}

.social-network a:hover .ico-youtube {
    color: #f53100;
}

.social-network a:hover .ico-linkedin {
    color: #0077b5;
}

.social-network a:hover .ico-dribbble {
    color: #bb3d6e;
}

.portfolio-block .project-button:hover {
    background-color: #fff;
    border: 1px solid #2da2c8;
    color: #2da2c8;
    transition: all 0.5s ease-in-out;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.modal-header {
    padding: 10px 16px;
    background-color: #2da2c8;
}

.btn-cls {
    font-size: 25px;
    font-weight: lighter;
    color: #fff;
    opacity: 0.9;
}

.modal-header .close {
    margin-top: -2px;
}

.close {
    float: right;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
}

.modal-header h5 {
    font-size: 22px;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.md-padding {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

.modal-body p {
    text-align: justify;
    line-height: 26px;
}

.md-icon {
    width: 65px;
    height: 55px;
    margin: 0 auto;
    line-height: 50px;
    border-width: 2px;
    font-size: 33px;
    color: #292929;
    padding-left: 16px;
    border-style: solid;
    border-color: #2da2c8;
}

.pro-banner {
    height: 500px;
}

.pro-banner .ui-img img {
    height: 50px;
    width: 50px;
}

.pro-banner .banner-img img {
    height: 500px;
}

.pro-banner .logo-img img {
    height: auto;
    width: 30%;
}

.pro-banner .image img {
    height: 100px;
    width: 100px;
}

.mt-10 {
    margin-top: 10rem;
}

.project-platform .ui-img img {
    height: 80px;
    width: 80px;
}

.custom-content {
    width: 100%;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
}


.ls-0 {
    letter-spacing: 0px;
}

.fs-20 {
    font-size: calc(1.5rem - 5px);
}

.fs-16 {
    font-size: 1rem;
}

.fs-25 {
    font-size: calc(2rem - 7px);
}

.fs-30 {
    font-size: calc(2rem - 2px);
}

.fs-35 {
    font-size: calc(2.5rem - 5px);
}

.fs-40 {
    font-size: 2.5rem;
}

.fs-50 {
    font-size: calc(3.5rem - 6px);
}


.fw-500 {
    font-weight: 500;
}

.fs-text {
    font-size: calc(3rem - 8px);
}

.font-regular {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.text-underline {
    text-decoration: underline;
}

.contant-box {
    padding: 20px;
    border-radius: 30px;
    width: 70%;
    background: #FFF;
    box-shadow: 0px 0px 30px 0px rgba(118, 118, 118, 0.50);
    margin: 0 auto;
}

.color-box {
    height: 200px;
    width: 120px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.color-rect {
    height: 50px;
    width: 300px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-ico-gradient {
    background: linear-gradient(270deg, #9D74FE -48.63%, #838DFE 50%);
}


.description-box .top-box {
    width: 100%;
    height: 50px;
    border-radius: 20px 20px 0px 0px;
    background: #FF6A61;
}

.description-box {
    width: 80%;
    height: 200px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 50px 0px rgba(118, 118, 118, 0.50);
}

.image-shadow {
    box-shadow: 0px 0px 20px 0px rgba(118, 118, 118, 0.50);

    /* box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); */
}

.mt-110 {
    margin-top: 110px;
}

.mt-7 {
    margin-top: 7rem;
}

.alert-wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 9999999;
}

.error {
    color: red;
    letter-spacing: 0px;
    font-weight: 400;
    display: block;
}

input.error,
textarea.error {
    border-color: red !important;
}

/* .slider-text {
    margin-top: 60px !important;
    margin-left: 5px !important;
} */

.screen img {
    max-width: 200px !important;
    height: auto;
    margin: 20px 0px;
}

.available-platforms .screen img {
    width: 100px !important;
    height: 100px !important;
}


@media (min-width: 768px) and (max-width: 1024px) {
    .slider-main-title {
        font-size: 60px !important;
        line-height: 60px !important;
    }

    .slider-text {
        line-height: 100px !important;
        margin-top: 30px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header.header-white .navbar .navbar-nav li a {
        color: #55565b !important;
    }
}

@media (max-width: 768px) {
    #about-us .about-card {
        max-width: 90% !important;
        flex: none !important;
        margin: 20px !important;
    }

    .slider-text {
        margin-top: 90px !important;
        margin-left: 5px !important;
    }

    .slider-main-title {
        font-size: 70px !important;
        line-height: 70px !important;
    }

    .main-header.header-white .navbar .navbar-nav li a {
        color: #55565b !important;
    }

    .content-wrapper {
        margin-bottom: 50px;
    }

    .pro-banner .banner-img img {
        height: 300px;
    }

    .project-platform .ui-img img {
        height: 40px;
        width: 40px;
        margin-bottom: 6px !important;
    }

    .pro-banner {
        height: auto;
    }

    .pro-banner div {
        margin-bottom: 10px !important;
    }


    .project-footer {
        padding: 20px 10px !important;
    }

    .project-footer .footer-info {
        margin: 20px 0px !important;
    }

    .project-footer .footer-info p {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0px;
        margin-bottom: 0px !important;
    }

    .project-footer .follow-us p {
        font-size: 20px;
        margin-bottom: 0px !important;
    }

    .project-footer .follow-us .social-links a {
        font-size: 16px;
    }

    .project-footer div.row {
        padding-right: 0px !important;
    }

    .project-footer .follow-us .social-links img {
        height: 10px;
        width: 10px;
    }

    .available-platforms div {
        margin: 10px 0px !important;
        margin-bottom: 0px !important;
    }

    .available-platforms .screen img {
        height: 60px !important;
        width: 60px !important;
        margin: 0px 5px !important;
    }
}

@media (max-width: 576px) {
    #about-us .about-card {
        max-width: 90% !important;
        flex: none !important;
        margin: 20px !important;
    }

    .slider-text {
        margin-top: 90px !important;
        margin-left: 5px !important;
    }

    .slider-main-title {
        font-size: 70px !important;
        line-height: 70px !important;
    }

    .send-message {
        margin-top: 30px !important;
    }

    .main-header.header-white .navbar .navbar-nav li a {
        color: #55565b !important;
    }

    .content-wrapper {
        margin-bottom: 50px;
    }

    .forcefullwidth_wrapper_tp_banner,
    .rev_slider_wrapper,
    .rev_slider,
    .tp-revslider-mainul {
        height: 500px !important;
    }

    .tp-revslider-slidesli .tp-parallax-wrap:nth-child(1) {
        top: 0px !important;
        /* Adjust top position for the 1st div */
    }

    .tp-revslider-slidesli .tp-parallax-wrap:nth-child(2) {
        top: 0px !important;
        /* Adjust top position for the 2nd div */
    }

    .tp-revslider-slidesli .tp-parallax-wrap:nth-child(3) {
        top: 170px !important;
        /* Adjust top position for the 3rd div */
    }

    .tp-revslider-slidesli .tp-parallax-wrap:nth-child(4) {
        top: 185px !important;
        /* Adjust top position for the 4th div */
    }

    .tp-revslider-slidesli .tp-parallax-wrap:nth-child(5) {
        top: 315px !important;
        /* Adjust top position for the 4th div */
    }

}

@media (min-width: 320px) and (max-width: 576px) {
    .fs-sm-14 {
        font-size: 14px;
    }

    .fs-sm-16 {
        font-size: 1rem;
    }

    .lh-20 {
        line-height: 20px !important;
    }

    #about-us .about-card {
        max-width: 90% !important;
        flex: none !important;
        margin: 20px !important;
    }

    .slider-text {
        margin-top: 48px !important;
        margin-left: 2px !important;
    }

    .slider-main-title {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .wpb_text_column .rev_slider .tp-mask-wrap :last-child {
        margin: 30px 5px !important;
    }

    .send-message {
        margin-top: 30px !important;
    }

    .visual-inner .centered {
        margin-top: 35px !important;
    }

    #about-career .theme-title h2 {
        font-size: 30px !important;
    }

    .contact-banner .centered {
        margin-top: 35px !important;
    }


    .theme-title p {
        font-size: 14px !important;
        line-height: 22px;
        text-align: left;
    }

    .contact-section {
        padding-top: 2.5rem !important;
    }

    .nav-wrap {
        width: 16rem;
    }

    .contact-section .contact-address-content .left-side ul li {
        margin-bottom: 40px;
    }

    .contact-section .contact-address-content .left-side ul {
        margin-top: 40px;
        padding-left: 0px;
    }

    .main-header.header-white .navbar .navbar-nav li a {
        color: #55565b !important;
    }

    .content-wrapper {
        margin-bottom: 50px;
    }

    .pro-banner .banner-img img {
        height: 200px !important;
    }

    .pro-banner {
        height: auto;
    }

    .pro-banner .image img {
        height: 50px;
        width: 50px;
    }

    .project-platform .ui-img img {
        height: 40px !important;
        width: 40px !important;
        margin-bottom: 6px !important;
    }

    .project-platform .custom-content {
        padding: 20px 0px !important;
    }

    .project-platform .custom-content p {
        font-size: 14px !important;
        margin-bottom: 0px !important;
    }

    .project-typography .custom-content {
        padding: 20px !important;
    }

    .project-typography .custom-content .typography p {
        margin: 0px;
        text-align: center;
        font-size: 30px;
    }

    .project-typography .custom-content .font-type {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .project-typography .custom-content .font-type p {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .project-typography .color .color-rect {
        height: 40px;
        width: 200px;
        border-radius: 10px;
        color: #fff;
        text-align: center;
        font-size: 18px;
        margin: 10px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .project-typography .color .color-rect p {
        font-size: 16px !important;
        letter-spacing: 0px;
    }

    .available-plateforms .screen img {
        width: 60px !important;
        height: 60px !important;
    }

    .project-footer {
        padding: 20px 10px !important;
    }

    .project-footer .footer-info {
        margin: 20px 0px !important;
    }

    .project-footer .footer-info p {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0px;
        margin-bottom: 0px !important;
    }

    .project-footer .follow-us p {
        font-size: 20px;
        margin-bottom: 0px !important;
    }

    .project-footer .follow-us .social-links a {
        font-size: 16px;
    }

    .project-footer div.row {
        padding-right: 0px !important;
    }

    .project-footer .follow-us .social-links img {
        height: 10px;
        width: 10px;
    }

    .pro-banner div {
        margin-bottom: 10px !important;
    }

}