a.dropdown-item.healthcaredrop {
    display: none !important;
}

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important;
}

@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');


/***********navbar******************/


/****************bannner**********************/

.apihu-port-hero-area {
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    position: relative;
}

h1.main {
    padding: 0px 0 0 0;
    font-size: 24px;
    font-weight: 500;
    color: #474747d4;
    margin-bottom: 15px;
}

h1.weare {
    font-size: 22px;
    font-weight: 800;
    padding: 0px 0 50px 0;
    color: #474747d4;
}


/*     
    h1.main span {
        color: #e80707;
        font-size: 78px;
    } */

p.subtitel {
    font-size: 17px;
    font-weight: 300 !important;
    /* font-family: "Poppins", sans-serif; */
    color: #000;
    line-height: 21px;
    padding: 0px 0 50px 0;
}

.bnerimg {
    padding: 100px 0 0 0;
}

a.herotext {
    /* background: #000; */
    padding: 15px 50px 15px 50px;
    border-radius: 5px;
    display: inline-block;
    /* color: #ffffff!important; */
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    line-height: 1;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    color: #08203a !important;
    transition: 2s;
    /* width: 130px; */
}

.apihu-port-hero-side-style-text {
    position: absolute;
    top: 62%;
    right: -220px;
    font-size: 80px;
    line-height: 1;
    font-family: "Poppins", sans-serif;
    color: #fbfcfe;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 5px;
    -webkit-transform: rotate(270deg);
    transform: rotate(90deg);
    background: #fdfefe;
    text-shadow: 17px 4px 10px #f5f9fc, 4px 3px 15px rgb(127 163 199 / 40%);
}

ul.socialmedia {
    position: absolute;
    top: 50%;
    left: 20px;
    list-style: none;
}

ul.socialmedia li {
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    z-index: 1;
}

ul.socialmedia li {
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    z-index: 1;
    height: 50px;
    width: 50px;
    margin: 10px;
    text-align: center;
    margin: 10px auto;
    border-radius: 50px;
    font-size: 20px;
    padding: 10px 0 0 0;
}

ul.socialmedia i {
    color: #495c70;
}

div#owl-demo {
    margin: 50px 0 0 0;
}


/******sectionsecond******/

.logoslide {
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    border-radius: 5px;
    padding: 20px 16px 18px 16px;
    height: 94px;
    margin: 10px;
    position: relative;
    overflow: hidden;
}

.logoslide img {
    width: 170px !important;
    margin: 0px auto;
    padding: 0 10px 0 0px;
}

.carosusel {
    background: linear-gradient(103deg, #ebebeb, #ffffff);
}

.intobusiunis {
    margin: 120px auto;
    text-align: center;
    width: 80%;
}

.third h3 {
    font-size: 45px;
    font-weight: 900;
    color: #626465;
    padding: 50px 0 0 0;
}

.third span {
    color: #e80707;
    text-transform: capitalize;
}

.third p {
    font-size: 18px;
    text-align: justify;
}

.third h4 {
    color: #e80707;
    font-weight: 900;
}

section.third {
    padding: 40px 0;
}

.digital {
    padding: 0 100px 0 0px;
}

.seo h3 {
    font-weight: 700;
    color: #626465;
}

.seo {
    padding: 40px 20px;
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    border-radius: 5px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0 20px 0 20px;
}

.seoindex {
    padding: 60px 20px;
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    border-radius: 5px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0 20px 0 20px;
}

.seosevice {
    padding: 40px 20px;
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    border-radius: 5px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0 20px 0 20px;
}

.seo p {
    font-size: 14px;
    line-height: 1.5;
    color: #666666;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
}

.seo a {
    text-decoration: none;
    line-height: 1.5;
    color: #e80707;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    display: inline-block;
    padding: 10px 17px 10px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
    z-index: 0;
}

.seo i {
    color: #e80909;
    font-weight: 600;
    font-size: 16px;
}

.iconbox {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 22px;
    -webkit-box-shadow: inset -3px -2px 5px 0px rgb(255 255 255 / 66%), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    box-shadow: inset -3px -2px 5px 0px rgb(255 255 255 / 66%), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.iconboxindex {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    line-height: 60px;
    text-align: center;
    margin: 10px auto;
    box-shadow: inset -3px -2px 5px 0px rgb(255 255 255 / 66%), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button {
    font-size: 30px;
    padding: 10px 30px;
    margin: 10px;
    border: 0;
    cursor: pointer;
    color: black;
    text-transform: lowercase;
    border-radius: 10px;
    display: inline-block;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(.86, .01, .15, .99);
}

.seo:hover:before {
    content: '';
    height: 32%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ebebeb;
    z-index: -1;
}

.seo:hover::after {
    content: '';
    height: 68%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #feffff;
    z-index: -1;
}

.seo:before {
    content: '';
    height: 0%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ebebeb;
    z-index: -1;
    transition: height 2s;
}

.seo::after {
    content: '';
    height: 0%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #feffff;
    z-index: -1;
    transition: height 2s;
}

.ourabilities h2 {
    font-size: 38px;
    font-weight: 700;
    color: #626465;
    text-transform: uppercase;
    text-align: center;
}

.ourabilities {
    padding: 0px 0 50px 0;
}

.contactback {
    background: linear-gradient(103deg, #ffffff, #f5f2f2);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f0f2f4, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    border-radius: 5px;
    margin: 30px 90px;
    border-radius: 10px;
}

.contacpage {
    margin: 20px 0px 0 0;
    border-radius: 10px;
}

.contact h3 {
    font-size: 38px;
    font-weight: 700;
    color: #626465;
    text-transform: uppercase;
    text-align: center;
}

.contact input {
    background: none;
    border-bottom: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    -webkit-box-shadow: inset -3px -2px 5px 0px rgb(255 255 255 / 66%), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    box-shadow: inset -3px -2px 5px 0px rgb(255 255 255), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    -webkit-transition: all 0.3s ease-in-out;
    height: 50px;
    border-radius: 5px;
}

.contacpage input {
    background: none;
    border-bottom: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    -webkit-box-shadow: inset -3px -2px 5px 0px rgb(255 255 255 / 66%), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    box-shadow: inset -3px -2px 5px 0px rgb(255 255 255), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    -webkit-transition: all 0.3s ease-in-out;
    height: 50px;
    border-radius: 5px;
}

.contactback textarea {
    -webkit-box-shadow: inset -3px -2px 5px 0px rgb(255 255 255 / 66%), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    box-shadow: inset -3px -2px 5px 0px rgb(255 255 255), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 5px;
    background: none;
    border: none;
}

.contacpage textarea {
    -webkit-box-shadow: inset -3px -2px 5px 0px rgb(255 255 255 / 66%), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    box-shadow: inset -3px -2px 5px 0px rgb(255 255 255), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 5px;
    background: none;
    border: none;
}

form.contact {
    width: 90%;
    margin: 0px auto;
}

form.contactpageform {
    width: 100%;
    margin: 0px auto;
}

.contactback button:hover {
    color: #000;
}

.contacpage button:hover {
    color: #000;
}

.contactback button {
    text-decoration: none;
    line-height: 1.5;
    color: #ea2222;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    display: inline-block;
    padding: 12px 60px 10px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
    z-index: 0;
    border: none;
    width: 130;
    margin: 22px 0 0 0;
}

.contacpage button {
    text-decoration: none;
    line-height: 1.5;
    color: #ea2222;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    display: inline-block;
    padding: 12px 60px 10px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
    z-index: 0;
    border: none;
    width: 130;
    margin: 22px 0 0 0;
}

.conrtrigt {
    border-radius: 0 10px 10px 0;
    background: rgb(202 70 70);
    background: linear-gradient(275deg, rgb(0 0 0 / 18%) 0%, rgb(249 247 247 / 0%) 100%);
}

.contactimg img {
    width: 90%;
    margin: 0px auto;
    text-align: center;
    overflow: hidden;
    display: flex;
    padding: 0px 0 0 0;
}

.conjust {
    padding: 45px 60px 14px 0px;
}

button.btn.btn-primary i {
    padding: 0 0 0 10px;
}

.contact {
    padding: 0 0 10px 0;
}

.sevices h2 {
    font-size: 38px;
    font-weight: 700;
    color: #626465;
    text-transform: uppercase;
    text-align: center;
    padding: 30px 0px 0px 0px;
}

p.sevicescontent {
    font-size: 18px;
    text-align: center;
    padding: 0px 0px 30px 0px;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 rgba(221, 221, 221, 0);
    background: rgba(255, 255, 255, 0);
    -webkit-box-shadow: inset -3px -2px 5px 0px rgb(255 255 255 / 66%), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    box-shadow: inset -3px -2px 5px 0px rgb(255 255 255), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    -webkit-transition: all 0.3s ease-in-out;
    height: 50px;
    border-radius: 5px;
}


/************************services**************************/

.iconboxservice {
    width: 120px;
    height: 35px;
    border-radius: 8px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 22px;
    -webkit-box-shadow: inset -3px -2px 5px 0px rgb(255 255 255 / 66%), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    box-shadow: inset -3px -2px 5px 0px rgb(255 255 255 / 66%), inset -1px -1px 0px 0px rgb(255 255 255 / 18%), inset 2px 2px 7px 0px rgb(49 69 106 / 18%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 7px 0 0 0;
}

.iconboxservice p {
    font-size: 13px;
    font-weight: 700;
}

.services h2 {
    font-size: 38px;
    font-weight: 700;
    color: #626465;
    padding: 0px 0 0px 0 !important;
    text-transform: uppercase;
    text-align: center;
}

p.serviccontent {
    font-size: 18px;
    text-align: center;
    padding: 0 15px 0px 15px;
}

p.contannnt {
    font-size: 18px;
    text-align: left;
    padding: 0 15px 0px 15px;
}

.seoservice h3 {
    font-weight: 700;
    color: #626465;
    font-size: 23px;
}

.seoservice {
    padding: 0px 0px;
    background: linear-gradient(103deg, #fffdfd, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    border-radius: 25px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0 5px 0 20px;
}

.seoservice p {
    font-size: 14px;
    line-height: 1.5;
    color: #666666;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
    letter-spacing: 0.8px;
}

.seoservice a {
    text-decoration: none;
    line-height: 1.5;
    color: #e91e1e;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    display: inline-block;
    padding: 10px 17px 10px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
    z-index: 0;
}

.seoservice i {
    color: #e91e1e;
    font-weight: 600;
    font-size: 16px;
}

.productdesign {
    margin: 25px auto;
    padding: 0 10px 0 10px;
}

.item.firest.ser {
    margin: 15px;
}

.portimg img {
    /* border-radius: 150px 0 0 150px!important; */
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in;
}

.portimg {
    background: rgb(202 70 70);
    background: linear-gradient(275deg, rgb(202 199 199 / 58%) 0%, rgb(255 255 255 / 0%) 100%);
    height: 100%;
}

.portimg img:hover {
    /* border-radius: 0px 0 0 0px!important; */
    transition: 1s;
}


/*******imgzooom******/

.img-wrapperconact {
    overflow: hidden;
}

.img-wrapper {
    overflow: hidden;
}

.inner-imgcon {
    transition: 0.8s !important;
}

.inner-img {
    transition: 0.3s;
}

.contactback:hover .inner-imgcon {
    -webkit-transform: scale(1.5) rotate(15deg);
    transform: scale(1.0) rotate(0deg);
}

.seoservice:hover .inner-img {
    -webkit-transform: scale(1.5) rotate(15deg);
    transform: scale(1.2) rotate(0deg);
    margin: 0 0px 0 0px;
}

.img-wrapperconact img {
    -webkit-transform: scale(1.2) rotate(15deg);
    transform: scale(0.9) rotate(7deg);
}

.img-wrapper img {
    -webkit-transform: scale(1.2) rotate(15deg);
    transform: scale(1.0) rotate(2deg);
}


/* Other styling elements, that are not necessary for the example */

.img-wrapper {
    display: inline-block;
    box-sizing: border-box;
    /* //border: 1px solid #000; */
}

.img-wrapperconact {
    display: inline-block;
    box-sizing: border-box;
    /* //border: 1px solid #000; */
}


/******************footer************************/

.footer {
    background: rgb(202 70 70);
    /* background: linear-gradient(275deg, rgb(188 218 242) 0%, rgb(250 250 250) 100%); */
    /* background: linear-gradient(103deg, #ebebeb, #ffffff); */
    background: linear-gradient(359deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f3f3f3, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    margin: 0px 0 0 0;
}

ul.socialmediafoot {
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0px auto;
    text-align: center;
    padding: 10px 0 3px 0;
}

ul.socialmediafoot li {
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    z-index: 1;
}

ul.socialmediafoot li {
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    z-index: 1;
    height: 50px;
    width: 50px;
    margin: 10px;
    text-align: center;
    border-radius: 50px;
    font-size: 20px;
    padding: 10px 0 0 0;
}

ul.socialmediafoot i {
    color: #495c70;
}

ul.footermenu {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0px;
}

ul.footermenu li {
    padding: 0 20px 0 20px;
}

p.copyrig {
    font-size: 12px;
    padding: 8px 0 8px 0;
}


/*     
    h1.main span {
        position: relative;
        font-family: sans-serif;
        text-transform: uppercase;
        font-size: 60px;
        letter-spacing: 4px;
        overflow: hidden;
        background: linear-gradient(90deg, #e70404, #fd8a8a, #e70404);
        background-repeat: no-repeat;
        background-size: 80%;
        animation: animate 8s linear infinite;
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(255, 255, 255, 0);
    } */

@keyframes animate {
    0% {
        background-position: -500%;
    }

    100% {
        background-position: 500%;
    }
}

.servicsrow {
    padding: 70px 0 40px 0;
}

p.subtitelabout {
    padding: 110px 0 0 0;
    font-size: 23px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #e91b1b;
    line-height: 1;
    margin-bottom: 15px;
}

h2.mainabout {
    font-size: 20px;
    font-weight: 500;
    color: #474747d4;
    text-transform: uppercase;
}

.aboutimg {
    padding: 170px 0 0 0;
}

.aboutimg img {
    border: 3px solid #e91b1b;
    border-radius: 60px;
    box-shadow: 0 0 10px 0 #ccc;
}

.customersupport img {
    width: 100px;
}

li.setinflogo {
    margin: 0 auto;
    text-align: center;
}

.customersupport ul {
    list-style: none;
    padding-left: 0;
}

.customersupport li {
    display: inline;
    float: left;
    width: 45%;
}

.customersupport {
    /* background: #e91717; */
    padding: 20px 10px 80px 10px;
    border-radius: 5px;
    background: rgb(255, 17, 0);
    background: linear-gradient(35deg, rgb(232 9 9) 0%, rgb(252 99 99) 50%, rgb(232 9 9) 100%);
    /* background: rgb(255,17,0); */
    background: linear-gradient(35deg, rgba(255, 17, 0, 1) 0%, rgb(255 147 147) 50%, rgba(255, 17, 0, 1) 100%);
}

.customersupport span {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

section.customerreport {
    padding: 50px 0;
}

.firstemploy {
    margin: 0 auto;
    text-align: center;
}

.firstemploy img {
    border-radius: 50%;
    width: 100px;
    width: 80% !important;
    margin: 0 auto;
}

section.employa {
    padding: 30px 0 30px 0;
}

.firstemploy h6 {
    margin: 0;
    padding: 12px 0 0 0;
    color: #e91717;
    font-size: 14px;
    font-weight: 700;
}

.firstemploy {
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 40px 20px;
    border-radius: 10px;
}

.carousel-item img {
    width: 200px !important;
    margin: 0px auto;
    text-align: center;
}

section.reviwe {
    padding: 0 0 80px 0;
}


/* .reviwes img {
        width: 50%!important;
        margin: 20px auto;
        text-align: center;
        border-radius: 50%;
    } */

.reviwes {
    text-align: center;
}

.reviwes h3 {
    color: #ea2c2c;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
}

.reviwes p {
    color: #000;
    font-size: 19px;
    font-weight: 600;
    padding: 0 5rem;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ea2c2c !important;
}

p.subtitelservis {
    padding: 0px 0 0 0;
    font-size: 23px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #e91b1b;
    line-height: 1;
    margin-bottom: 15px;
}

p.subtitelwearearing {
    padding: 120px 0 0 0;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
    color: #e81212;
}

.serviceimg {
    padding: 80px 0 0 0;
}

.servicetext h4 {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    text-align: left;
    margin: -15px 0 0 0;
}

.servicetext h1 {
    padding: 5rem 0 0px 0;
    text-align: left;
    color: #e93131;
    font-weight: 900;
    font-size: 24px;
}

.servicetext span {
    font-weight: 200;
    color: #e91b1b;
}

section.apihu-port-hero-area {
    padding: 50px 0;
}

.fixedcontect {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999999;
    background: rgb(232, 6, 6);
    background: linear-gradient(101deg, rgba(232, 6, 6, 1) 0%, rgba(253, 88, 88, 1) 69%);
    height: 60px;
    width: 60px;
    border-radius: 50px;
    text-align: center;
    padding: 8px 0 0 0;
    font-size: 28px;
    color: #fff;
}

.fixedcontect a {
    color: #fff;
}

.pulse {
    background: rgb(232, 6, 6);
    background: linear-gradient(101deg, rgb(0 252 77) 0%, rgb(35 177 24) 69%);
    cursor: pointer;
    box-shadow: 0 0 0 rgb(0 0 0 / 86%);
    animation: pulse 1s infinite;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(183, 183, 183);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(178, 178, 178);
        box-shadow: 0 0 0 0 rgb(100, 100, 100);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.castom {
    margin: 70px 0 0 0;
}

.castomcontact {
    padding: 120px 0 50px 0;
    background: #fff !important;
}

.contbanner img {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
}

.contactdetalss {
    margin: 0 auto;
    text-align: center;
}

.contactdetalss i {
    font-size: 30px;
    color: #eb3333;
}

.contactdetalss h4 {
    font-size: 18px;
}

.six {
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    padding: 30px 30px 30px 20px !important;
    border-radius: 10px;
    background: #fff;
    margin: 5px 0px 20px 0px;
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    height: 450px;
}

.six h4 {
    color: #e80e0e;
}

.iconbox img {
    width: 57px;
}

h3.reachcontact {
    text-align: left;
    padding: 0 15px;
}

.chate a {
    font-family: 'Gloria Hallelujah', cursive !important;
    font-size: 16px !important;
}

section .screen {
    position: relative;
    flex-grow: 2;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    height: 100vh;
    transition: 1s;
}

section:hover .screen {
    opacity: 0.1;
}

section .screen:hover {
    flex-grow: 5;
    opacity: 1;
}

section .screen:nth-child(1) {
    background: url('./img/port1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

section .screen:nth-child(2) {
    background: url('./img/prot2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

section .screen:nth-child(3) {
    background: url('./img/port3.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

section .screen .content {
    position: absolute;
    margin-top: 200px;
    width: 45%;
    height: auto;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    transform: translateX(100%);
    transition: 0.5s;
    text-align: justify;
}

section .screen:hover .content {
    transform: translateX(0);
    transition-delay: 1s;
}

section .screen .content h2 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 20px;
    color: #ed363a;
}

section.portfolio {
    padding: 0px 0 60px 0;
}

.were .seo {
    margin: 15px 0;
    border-left: 3px solid #ea2323;
}

section.werepageee {
    margin: 30px 0 70px 0;
}

.line-1 {
    font-size: 40px;
    margin: 0px;
    color: #797979;
    font-weight: 900;
}

@keyframes blinkTextCursor {
    from {
        border-right-color: rgba(255, 255, 255, .75);
    }

    to {
        border-right-color: transparent;
    }
}

div#owl-demo .owl-dots {
    display: none;
}

div#owl-demo .owl-nav {
    display: none;
}

div#owl-demoourabiletys .owl-nav {
    display: none;
}

div#owl-demoourabiletys .owl-dots {
    margin-top: 10px !important;
}

div#owl-demoourservices .owl-dots {
    display: none;
}

div#owl-demoourservices .owl-dots {
    display: none;
}

div#owl-demoourservicessecend .owl-dots {
    display: none;
}

div#owl-demoourservicessecend .owl-nav {
    display: none;
}

#owl-demoourservices .owl-nav {
    position: absolute;
    top: -80px;
    right: 100px;
}


/* .owl-carousel .owl-item img {
        display: block;
        width: 80% !important;
    } */

.reviwes img {
    width: 15% !important;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
}

div#owl-demoourservices button {
    font-size: 30px !important;
    background: #fff;
    width: 50px;
    height: 50px;
    padding: 0px 10px !important;
    border-radius: 50px;
    position: relative;
    top: 0px;
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
}

div#owl-demoourservices span {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: -26px auto;
    color: #ea2c2c;
}

ul.footermenu a {
    color: #536578;
    text-decoration: none;
}

.seo a {
    color: #ea2323 !important;
}

.seomodel h3 {
    font-weight: 700;
    color: #626465;
}

.seomodel {
    padding: 40px 20px 20px 30px;
    border-radius: 5px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0 20px 0 20px;
}

.apply a {
    text-decoration: none;
    line-height: 1.5;
    color: #e80707;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    background: linear-gradient(103deg, #ebebeb, #ffffff);
    -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    display: inline-block;
    padding: 10px 17px 10px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
    z-index: 0;
}

.back b {
    color: #008fff;
}

.back {
    border: 1px solid #e2e2e2;
    padding: 5px 5px 0px 10px;
    border-radius: 10px;
}

p.pro {
    margin: 10px 0;
    color: #626465;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: 0.06s;
}

.develp {
    padding: 20px;
    margin: 10px;
}

.develp h5 {
    color: #f93f3f;
    font-weight: 700;
}

section.appdevelpment {
    padding: 0 0 50px 0;
}

section.realestet {
    padding: 0 0 50px 0;
}

.real.right {
    background: #ff3838eb;
    padding: 11px 20px;
    color: #fff;
}

.real {
    padding: 30px 20px;
}

.row.papp {
    background: #97979703;
}

.branding {
    padding: 30px 0;
}

.branding h5 {
    color: #f93f3f;
    font-size: 22px;
    font-weight: 700;
}

span.brandingnumber {
    position: absolute;
    left: 0;
    right: 0;
    margin: -140px auto;
    text-align: center;
}

span.brandingnumber h1 {
    font-size: 100px;
    color: #f93f3f24;
    font-weight: 900;
    z-index: 0;
}

section.creativdesign {
    padding: 0 0 50px 0;
}

.iocinnerfirst {
    padding: 10px 0px;
    margin: 10px;
}

.iocinnersecond {
    padding: 10px 0px;
    margin: 10px;
}

.iocinnerfirst h5 {
    color: #f83d3d;
}

.iocinnersecond h5 {
    color: #f93f3f;
}

section.iossction {
    padding: 0 0 50px 0;
}

.bastom {
    border: 1px solid #ccc;
}

.bastom:hover {
    box-shadow: 0 19px 38px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 22%);
    transition: 0.5s;
}

.dedecating h5 {
    color: #e70e0e;
    font-size: 22px;
    font-weight: 500;
}

span.subtitelabout {
    color: #e80a0a;
    font-size: 20px;
    font-weight: 600;
}

section.contentg {
    padding: 0 0 60px 0;
}

section.optimization {
    padding: 0 0 50px 0;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, 0) !important;
}

.portimg.img-wrapper img {
    width: 80% !important;
}

.bastom h5 {
    color: #e70505;
}

.systemtecnologies h3 {
    color: #e80808;
    font-size: 36px;
    font-weight: 800;
}

section#service {
    padding: 50px 0 0 0;
}

.rightbg_ {
    background: #e80909c9;
}

.rightbg_ img {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

section.servicesec {
    background: linear-gradient(103deg, #ebebeb, #ffffff);
}

#owl-demoport .owl-nav {
    display: none;
}

#owl-demoport .owl-dots {
    display: none;
}

section.servicesec {
    padding: 0px 0 60px 0;
}

span.appdevelopment {
    color: #e80707;
    font-size: 61px;
    text-transform: uppercase;
}

.servicetext h2 {
    font-size: 17px;
    padding: 0px 0 0 0;
    color: #000;
}

.seoindex h3 {
    color: #626465;
    text-decoration: none;
    text-align: center;
    font-size: 28px;
    letter-spacing: 2px;
}

.seoindex a {
    text-decoration: none;
}

section.aboutbanner {
    background-image: url('/img/papusir.png');
    padding: 100px 0;
    background-size: cover;
    background-position: center;
}

p.submain {
    padding: 130px 0 0 0;
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    color: #797979;
    font-weight: 700;
    text-transform: uppercase;
}

p.companyss {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    color: #797979;
}

p.subtitel {
    font-size: 17px;
    font-weight: 300 !important;
    /* font-family: "Poppins", sans-serif; */
    color: #000;
    line-height: 21px;
    padding: 0px 0 20px 0;
}

.card.latestBlog {
    box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgb(127 163 199 / 30%);
    margin: 0px 0 30px 0;
    text-decoration: none;
    border: none;
}

.card.latestBlog h5 {
    color: #e80606;
    font-size: 22px;
    font-weight: 600;
    margin: -60px 0 0 0;
}

.card.latestBlog p {
    color: #000;
    font-size: 14px;
}

.card.latestBlog p {
    color: #000;
    font-size: 14px;
}

a.readmore {
    font-size: 13px;
    color: #e80606;
    font-weight: 700;
}

.card.secondBlog h5 {
    color: #e80606;
    font-size: 18px;
    font-weight: 600;
}

.card.secondBlog p {
    color: #000;
    font-size: 14px;
}

a.readmore {
    font-size: 13px;
    color: #e80606;
    font-weight: 700;
}

section.blogBanner h1 {
    padding: 120px 0 30px 0 !important;
    text-transform: uppercase;
    font-size: 50px !important;
    font-weight: 600;
    color: #e80606;
}

h1.abouttitel {
    padding: 100px 0 0 0;
    font-size: 75px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
}

p.mainabout {
    font-size: 18px;
    font-weight: 500 !important;
    color: #fff;
}

section.blogContent h1 {
    font-size: 32px;
    color: #e80707;
    font-weight: 600;
}

section.blogContent p {
    font-size: 17px;
}

section.bannerRealEstate img {
    margin: 120px 0 30px 0;
}

section.blogContent h4 {
    color: #e80707 !important;
}

section.blogContent h4 {
    font-weight: 500;
}

section.conclusion {
    text-align: center;
    border: 1px solid #db282d;
    padding: 10px 0;
    margin: 30px 150px;
    border-style: dotted;
}

section.conclusion h4 {
    color: #db282d;
    font-size: 24px;
    font-weight: 600;
}

section.conclusion p {
    font-size: 16px;
}

section.bannerweb {
    background-image: url('img/servicesbanerss.jpg');
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
}

section.bannerweb h1 {
    padding: 230px 0 120px 0;
    color: #fff;
    font-size: 50px;
    z-index: 9;
    position: relative;
}

section.bannerweb::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    background: rgb(172, 172, 172);
    background: linear-gradient(101deg, rgb(0 0 0 / 9%) 0%, rgb(228 0 0 / 55%) 100%);
}

.webdevelser {
    padding: 70px 10px;
}

.webdevelser h5 {
    font-size: 28px;
}

form.contact {
    width: 90%;
    margin: 0px auto;
    background: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
    position: absolute;
    top: -150px !important;
    z-index: 9;
}

form.contact.webss h4 {
    font-size: 28px;
    color: rgb(177 0 0);
    font-weight: 600;
}

form.contact.webss button {
    width: 100%;
    margin: 10px 0;
    text-transform: capitalize;
    background: rgb(177 0 0);
}

form.page {
    width: 90%;
    margin: 0px auto;
    background: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
    position: absolute;
    top: 0px !important;
    z-index: 9;
}

form.page.webss h4 {
    font-size: 28px;
    color: rgb(177 0 0);
    font-weight: 600;
}

form.page.webss button {
    width: 100%;
    margin: 10px 0;
    text-transform: capitalize;
    background: rgb(177 0 0);
}

/* Optional: Set a fixed height for the textarea */
#exampleFormControlTextarea1 {
    height: auto; /* Reset the height to auto */
    min-height: 100px; /* Set minimum height */
    max-height: 100px; /* Set maximum height */
}

.webdevelsersir h5 {
    font-size: 23px !important;
    text-align: center;
    padding: 0px 0 30px 0;
    color: #000 !important;
}

section.optimization .card-header {
    padding: 12px 12px;
    margin: 1px 0;
    border: none;
}

.card {
    background: #fff;
    padding: 0 0;
    margin: 8px 0;
}

section.optimization h5 {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    color: #a90000;
}

.appmantianas {
    background: #fff;
    padding: 20px 20px;
    height: 220px;
    border-radius: 10px;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
}

section.amazingservices {
    padding: 20px 0 50px 0;
}

section.lastsection {
    background-image: url('img/writforu.jpg');
    background-size: cover;
    background-position: center;
}

section.lastsection h4 {
    text-align: center;
    color: #fff;
    padding: 100px 0 10px 0;
    font-size: 32px;
    font-weight: 900;
}

section.lastsection a {
    margin: 0 0 100px 0;
    padding: 4px 30px;
    font-size: 18px;
    background: #a90000;
    border: 1px solid #a90000;
    border-radius: 5px;
}