body {    padding: 0px;    margin: 0px;    list-style: none;    font: normal 18px/25px "Roboto";    color: rgb(26, 1, 54);    background: #fff;}p {    padding: 0px 0 20px 0;    margin: 0px;}a {    padding: 0px;    margin: 0px;    outline: none;}ul {    list-style: none;    padding: 0px;    margin: 0px;}label {    list-style: none;    padding: 0px;    margin: 0px;}ul li {    padding: 0px;    margin: 0px;}h1,h2,h3,h4,h5,h6 {    padding: 0px 0 15px 0;    margin: 0px;}input[type="text"]::-webkit-placeholder {    opacity: 1;}input[type="text"]::-moz-placeholder {    opacity: 1;}input[type="password"]::-webkit-placeholder {    opacity: 1;}input[type="password"]::-moz-placeholder {    opacity: 1;}input[type="search"]::-webkit-placeholder {    opacity: 1;}input[type="search"]::-moz-placeholder {    opacity: 1;}input[type="email"]::-webkit-placeholder {    opacity: 1;}input[type="email"]::-moz-placeholder {    opacity: 1;}input[type="tel"]::-webkit-placeholder {    opacity: 1;}input[type="tel"]::-moz-placeholder {    opacity: 1;}textarea::-moz-placeholder {    opacity: 1;}textarea::-webkit-placeholder {    opacity: 1;}a:hover {    outline: none !important;    text-decoration: none;}a:active {    outline: none !important;    text-decoration: none;}a {    text-decoration: none !important;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}button,input[type="submit"] {    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;    cursor: pointer;    -webkit-appearance: none;    outline: none;    font-family: "Ibarra Real Nova";}input,button {    -webkit-appearance: none;    outline: none;    font-family: "Roboto";}input:focus,textarea:focus {    outline: none;    box-shadow: none;}textarea {    resize: none;}button:focus,input[type="submit"]:focus {    outline: none;    box-shadow: none;}figure {    margin: 0px !important;    padding: 0px;}a,span,em,strong {    display: inline-block;}img {    max-width: 100%;} /*font-family: 'Ibarra Real Nova';*/em {    font-style: normal;}.container {    max-width: 1400px;}.tophead h1,.tophead h2 {    font: 700 42px/60px "Roboto Condensed";    padding-bottom: 20px;    color: rgb(26, 1, 54);}.bigtxt {    font-weight: 700;    font-size: 54px !important;    line-height: 65px !important;    color: rgb(60, 0, 150) !important;}.tophead h4 {    font-family: "Roboto Condensed";    font-weight: 700;    font-size: 20px;    line-height: 28px;    color: rgb(60, 0, 150);    padding-bottom: 20px;}.tophead h5 {    font-family: "Roboto Condensed";    font-weight: 700;    font-size: 20px;    line-height: 28px;    color: rgb(26, 1, 54);    padding-bottom: 20px;}.tophead {    width: 100%;    padding: 80px 0px;    position: relative;}.linkBtn {    color: rgb(255, 255, 255);    background-image: linear-gradient(-180deg, rgb(142, 98, 255) 0%, rgb(60, 0, 150) 96%);    max-width: 300px;    padding: 0px 40px;    overflow: hidden;    text-overflow: ellipsis;    box-sizing: border-box;    text-align: center;    height: 50px;    line-height: 50px;    cursor: pointer;    text-decoration: none !important;    font-weight: 400;    background-repeat: no-repeat !important;    font-size: 14px;    display: inline-block;    border-radius: 50px;    color: #fff !important;    margin-top: 0px;}.linkBtn:hover {    background: rgb(60, 0, 150);}.linkBtn1 {    background-image: linear-gradient(-180deg, rgb(255, 255, 255) 0%, rgb(242, 246, 255) 96%);    color: rgb(26, 1, 54) !important;}.linkBtn1:hover {    color: rgb(255, 255, 255) !important;    background: rgb(156, 175, 187);}.btnList li {    display: inline-block;    margin: 15px;}.header_sec {    position: absolute;    top: 0px;    width: 100%;    left: 0px;    z-index: 11;}.menu_sec li {    display: inline-block;}.menu_sec li a {    display: inline-block;    color: rgb(255, 255, 255);    padding: 10px;    font-size: 16px;}.menu_sec li a:hover, .menu_sec li a.mPS2id-highlight {    opacity: 0.6;}.navbar-brand {    margin: 0px;    padding: 0px;    width: 90px;}.navbar-brand img {    filter: brightness(0) invert(1);    transition: width 0.05s linear;}.header_sec.fixed {    width: 100%;    background: rgb(26, 1, 54);    padding-top: 0px;    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;    position: fixed !important;    z-index: 9;    top: 0px;    left: 0px;    right: 0px;}.header_sec.fixed .navbar-brand {    width: 40px;}.bannerSec {    width: 100%;    position: relative;}.bannerSec .w-100 {    height: 100vh;    object-fit: cover;}.banTxt {    width: 100%;    position: absolute;    top: 60%;    left: 0px;    transform: translateY(-50%);    text-align: center;    z-index: 2;}.bigBnTxt {    color: rgb(255, 255, 255);    font-weight: 700;    font-size: 121px;    line-height: 123px;}.kxoGdP {    padding: 14px;    position: absolute;    bottom: 0px;    left: 50%;    transform: translateX(-50%);    cursor: pointer;    transition: 500ms cubic-bezier(0.84, 0.04, 1, 1);    animation: 3s linear infinite arrowBounce;}.bannerSec:before {    background: linear-gradient(rgba(26, 1, 54, 0.41), rgba(26, 1, 54, 0.41));    width: 100%;    height: 100%;    position: absolute;    top: 0px;    left: 0px;    content: "";}@keyframes arrowBounce {    0%,    20%,    50%,    80%,    100% {        transform: translateY(0px) translateX(-50%);    }    40% {        transform: translateY(-10px) translateX(-50%);    }    60% {        transform: translateY(-5px) translateX(-50%);    }}.fOVhkj {    position: absolute;    width: 100%;    height: 100%;    inset: 0px;}.fOVhkj span:nth-child(1) {    animation: 7s forwards lineAnimation1;}.fOVhkj > span {    height: 100%;    border-left: 1px solid rgba(255, 255, 255, 0.3);    border-right: 1px solid rgba(255, 255, 255, 0.3);    position: absolute;    transition-timing-function: ease-in-out;    top: 0px;}.fOVhkj > span:nth-child(1) {    width: 30%;    left: 5%;    backdrop-filter: blur(4px);}.fOVhkj span:nth-child(1) {    animation: 7s forwards lineAnimation1;}@keyframes lineAnimation1 {    50% {        width: 20%;        left: 45%;    }    100% {        width: 15%;        left: 7%;    }}.fOVhkj > span:nth-child(2) {    width: 35%;    left: 23%;}.fOVhkj span:nth-child(2) {    animation: 7s forwards lineAnimation2;}@keyframes lineAnimation2 {    0%,    100% {        width: 35%;        left: 23%;    }    50% {        width: 50%;        left: 32%;    }}.fOVhkj > span:nth-child(3) {    width: 40%;    left: 30%;}.fOVhkj span:nth-child(3) {    animation: 7s forwards lineAnimation3;}@keyframes lineAnimation3 {    0%,    100% {        width: 33%;        left: 32%;    }    50% {        width: 20%;        left: 20%;    }}.fOVhkj > span:nth-child(4) {    width: 25%;    left: 55%;}.fOVhkj span:nth-child(4) {    animation: 7s forwards lineAnimation4;}@keyframes lineAnimation4 {    0%,    100% {        width: 23%;        left: 45%;    }    50% {        width: 34%;        left: 44%;    }}.fOVhkj > span:nth-child(5) {    width: 25%;    left: 70%;    backdrop-filter: blur(4px);}.fOVhkj span:nth-child(5) {    animation: 7s forwards lineAnimation5;}@keyframes lineAnimation5 {    0%,    100% {        width: 25%;        left: 70%;    }    50% {        width: 15%;        left: 80%;    }}.welcomSec {    text-align: center;    background: #fff;}.brdrow {    position: relative;}.jVhtjD {    height: 3px;    text-align: center;    width: 150px;    border-radius: 2px;    background-color: rgb(60, 0, 150);    margin-right: auto;    margin-left: auto;}.fcsYme {    max-width: 960px;    width: 100%;    box-sizing: border-box;    word-break: break-word;    margin: 0px auto;    text-align: left;    margin-top: 50px;}.ourServSec .container {    position: relative;    z-index: 1;}.ourServSec {    background: rgb(26, 1, 54);    text-align: center;    overflow: hidden;}.ourServSec h2,.ourServSec p {    color: #fff;}.ihPdmB {    width: 534px;    position: absolute;    right: 0px;    top: 9%;}.coIHAB {    width: 569px;    position: absolute;    left: 0px;    bottom: 0px;}.lljGte {    display: flex;    max-width: 800px;    flex-wrap: wrap;    -moz-box-pack: center;    justify-content: center;    margin: 0px auto;    padding-top: 10px;}.lljGte .col-md-6 {    padding: 20px;}.projBox {    width: 100%;    min-width: 350px;    height: 100%;    box-shadow: none;    border: medium;    border-radius: 10px;    display: flex;    margin: auto;    -moz-box-align: center;    align-items: center;    box-sizing: border-box;    word-break: break-word;}.ijYIzP {    display: flex;    width: 82px;    height: 100%;    flex-direction: column;    -moz-box-pack: center;    justify-content: center;    -moz-box-align: center;    align-items: center;    box-sizing: border-box;    background-color: rgba(142, 98, 255, 0.9);    border-top-left-radius: 10px;    border-bottom-left-radius: 10px;}.cCaRem {    display: flex;    width: calc(100% - 82px);    height: 100%;    flex-direction: column;    -moz-box-pack: center;    justify-content: center;    padding: 30px 24px 26px 20px;    box-sizing: border-box;    background-color: rgb(142, 98, 255);    border-top-right-radius: 10px;    border-bottom-right-radius: 10px;    transform: translateX(-1px);}.projBox {    text-align: left;}.projBox h6 {    color: rgb(255, 255, 255);    font-family: Roboto Condensed;    font-weight: 700;    font-size: 20px;    margin-bottom: 0.3em;    padding-bottom: 0px;}.projBox p {    margin: 4px 0px 0px;    font-size: 14px;    line-height: 1.4;    padding-bottom: 0px;}.productsec1 {    background: #fff;    padding: 80px 0 60px;    text-align: center;}.productsec2 {    background: rgb(242, 246, 255);    padding: 60px 0 80px;}.cjcaaw {    display: flex;    -moz-box-pack: justify;    justify-content: space-between;    -moz-box-align: center;    align-items: center;    width: 100%;    padding: 20px 30px;    box-sizing: border-box;    background: linear-gradient(to right, rgb(142, 98, 255), rgb(60, 0, 150));    border-radius: 10px;    margin-top: 20px;}.cjcaaw h6 {    color: rgb(255, 255, 255);    font-weight: 800;    color: #fff;    padding-bottom: 0px;}.calBtn {    border-radius: 50px;    background-color: rgb(255, 255, 255);    color: rgb(26, 1, 54) !important;    max-width: 260px;    padding: 0px 40px;    overflow: hidden;    text-overflow: ellipsis;    box-sizing: border-box;    text-align: center;    line-height: 50px;    cursor: pointer;    text-decoration: none !important;    font-weight: 400;    background-repeat: no-repeat !important;    font-size: 14px;    display: block;}.prdBox {    box-shadow: rgba(26, 1, 54, 0.12) 0px 9px 22px 0px;    border-radius: 10px;    background-color: rgb(255, 255, 255);    position: relative;    margin: 20px 0;    text-align: left;}.dGcnUA {    padding: 0px 24px;    height: 60px;    box-sizing: border-box;    border-radius: 10px;    background: rgb(60, 0, 150);    position: absolute;    top: 14px;    left: -14px;    z-index: 1;    display: flex;    -moz-box-align: center;    align-items: center;    color: rgb(255, 255, 255);    font-weight: bold;    font-size: 20px;    text-align: center;}.prdBox .pic {    width: 100%;    border-radius: 10px;    overflow: hidden;    height: 346px;    display: flex;    align-items: center;    justify-content: center;}.prdBox .text {    width: 100%;    padding: 34px 30px;    min-height: 327px;}.prdBox p {    color: rgb(26, 1, 54);    padding-bottom: 0px;    font: normal 16px/25px "Roboto";}.prdBox h6 {    padding-bottom: 0px;    color: rgb(26, 1, 54);}.prdBox h6 em {    text-decoration: underline;}.cltIHb {    margin: 0px;    padding: 0 30px 0px;}.testemoniSec {    width: 100%;    background-size: cover !important;}.testemoniIn {    position: relative;    width: 100%;    padding: 40px;    max-width: 1300px;    background: rgba(255, 255, 255, 0.6);    backdrop-filter: blur(15px);    border-radius: 10px;    border: 1px solid rgba(26, 1, 54, 0.2);    box-sizing: border-box;    box-shadow: rgba(26, 1, 54, 0.15) 0px 0px 24px;}.coma {    margin-bottom: 30px;    width: 46px;    display: inline-block;}.testemonBox {    width: 100%;    max-width: 900px;    margin: 0px auto;    display: flex;    flex-direction: column;    position: relative;    text-align: left;}.testemonBox h4 {    color: rgb(26, 1, 54);    padding-bottom: 0px;    font-weight: 600;}.testemonBox p {    color: rgb(26, 1, 54);    font-weight: 400;    margin-top: 20px;    text-align: left;    font-size: 18px;    line-height: 1.4;    padding-bottom: 0px;}.out_contactsSec {    width: 100%;    padding: 80px 0px;    background: rgb(255, 255, 255);    text-align: center;}.contInfo {    max-width: 835px;    margin: 20px auto 0;}.contInfo p {    color: rgb(26, 1, 54);    transition: 0.1s linear;    font-weight: 400;    font-size: 14px;    line-height: 25px;}.contInfo p a {    color: rgb(26, 1, 54);}.contInfo p a:hover {    opacity: 0.7;}.contInfo p {    padding-bottom: 10px;}.testemonBox .itemBx {    width: 90%;}.slick-slide {    display: flex;    justify-content: center;    align-items: center;}.slick-dots li {    display: flex;    -moz-box-pack: center;    justify-content: center;    -moz-box-align: center;    align-items: center;    width: 30px !important;    height: 30px !important;    cursor: pointer;    box-sizing: border-box;}.slick-dots li button {    width: 13px !important;    height: 13px !important;    clip-path: circle(40%);    cursor: pointer;    box-sizing: border-box;    background: rgba(26, 1, 54, 0.5) !important;}.slick-dots li.slick-active button {    background: linear-gradient(0deg, rgb(60, 0, 150), rgb(142, 98, 255)) !important;}.slick-dots {    display: flex !important;    flex-direction: column !important;    position: absolute !important;    right: 0px;    top: 50%;    transform: translateY(-50%);    width: auto !important;    bottom: inherit !important;}.backTop {    width: 50px;    height: 50px;    display: flex;    -moz-box-pack: center;    justify-content: center;    -moz-box-align: center;    align-items: center;    cursor: pointer;    outline: none;    visibility: visible;    opacity: 1;    transition: opacity 0.2s, visibility 0.2s;    background: transparent linear-gradient(rgb(255, 255, 255) 0%, rgb(242, 246, 255) 100%) no-repeat;    border: 1px solid rgb(242, 246, 255);    border-radius: 50%;    box-shadow: rgba(26, 1, 54, 0.15) 0px 4px 8px;    position: fixed;    z-index: 19;    right: 20px;    top: auto;    bottom: 0px;    transform: none;    margin-bottom: 20px;}.footerSec {    background-color: rgb(26, 1, 54);    padding: 50px 0px;}.footmenu {    width: 100%;    text-align: center;}.footmenu li {    display: inline-block;}.footmenu li a {    display: inline-block;    padding: 10px;    color: rgb(255, 255, 255);}.footmenu li a:hover {    opacity: 0.6;}.footbtm {    width: 100%;    margin-top: 40px;    display: flex;    -moz-box-pack: justify;    justify-content: space-between;    -moz-box-align: center;    align-items: center;}.footLogo {    width: 90px;}.footLogo img {    filter: brightness(0) invert(1);}.footbtm p {    font-size: 14px;    color: rgb(255, 255, 255);    padding-bottom: 0px;}.backTop {    opacity: 0;}.backTop.fixed {    opacity: 1;}.slick-dots li button {    margin: 0px auto;}@media (min-width: 1200px) and (max-width: 9000px) {    .nav_top .dropdown .dropdown-menu {        /*-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;*/        max-height: 0;        display: block;        opacity: 0;        visibility: hidden;        margin: 0px;    }    .nav_top .dropdown:hover .dropdown-menu {        opacity: 1;        visibility: visible;        height: auto;        transform: translate(0, 0);        max-height: 300px;    } /*sub_sub_menu*/    .nav_top .dropdown-submenu > .dropdown-menu {        max-height: 0;        display: none;        opacity: 0;        visibility: hidden;        left: 100%;        top: 0;        border: none;        width: 150px;        min-width: 100%;        border-radius: 0px;        box-shadow: inherit;        padding: 0px;        margin: 0px;        background: rgba(1, 25, 63, 0.9);        min-width: inherit;        box-shadow: 5px 3px 10px 0 rgba(0, 0, 0, 0.175);    }    .nav_top .dropdown-submenu:hover > .dropdown-menu {        max-height: 400px;        opacity: 1;        visibility: visible;        display: block;    }}@media (min-width: 1600px) and (max-width: 1799px) {}@media (min-width: 1400px) and (max-width: 1599px) {    .container {        max-width: 1370px;    }}@media (min-width: 1200px) and (max-width: 1399px) {    .container {        max-width: 1170px;    }}@media only screen and (max-width: 1199px) {    .container {        max-width: 960px;    }    .bigBnTxt {        font-size: 96px;        line-height: 110px;    }    body {        font-size: 16px;        line-height: 24px;    }    .cltIHb .col-md-4 {        flex: 0 0 auto;        width: 50%;    }}@media only screen and (max-width: 991px) {    .nav_top .navbar-toggler {        border: none;        background: none;        padding: 10px 0;        margin-right: 0px;        width: 27px;        height: 40px;    }    .nav_top .navbar-toggler .icon-bar {        display: block;        width: 100%;        height: 3px;        border-radius: 16px;        background-color: #fff;    }    .nav_top .navbar-toggler .icon-bar + .icon-bar {        margin-top: 4px;    }    .navbar-toggler .icon-bar {        -moz-transition: all 0.5s ease-in-out;        -o-transition: all 0.5s ease-in-out;        -webkit-transition: all 0.5s ease-in-out;        -ms-transition: all 0.5s ease-in-out;        transition: all 0.5s ease-in-out;    }    .navbar-toggler.showtoggle .icon-bar:nth-child(1) {        transform: translateY(8px) rotate(45deg);    }    .navbar-toggler.showtoggle .icon-bar:nth-child(2) {        opacity: 0;    }    .navbar-toggler.showtoggle .icon-bar:nth-child(3) {        transform: translateY(-10px) rotate(-45deg);    }    .navbar-collapse {        position: fixed;        top: 0;        left: 0px;        background-color: rgb(26, 1, 54);        width: 100%;        z-index: 11;        height: 100%;        overflow: auto;        padding: 50px 15px 30px 15px;    }    .menu_sec li a {        width: 100%;        padding: 15px;    }    .menuclose {        position: absolute;        top: 10px;        right: 10px;    }    .navbar-toggler.showtoggle .icon-bar + .icon-bar {        margin-top: 6px;    }    .container {        max-width: 100%;    }    .navbar-brand {        width: 77px;    }}@media only screen and (max-width: 767px) {    .tophead h1,    .tophead h2 {        font-size: 32px;        line-height: 40px;    }    .bigBnTxt {        font-size: 70px;        line-height: 105px;    }    .bigtxt {        font-size: 40px !important;        line-height: 60px !important;    }    .dGcnUA {        font-size: 17px;        height: 50px;    }    .prdBox .text {        padding: 20px;    }    .prdBox p {        font-size: 15px;        line-height: 24px;    }    .bannerSec .w-100 {        height: auto;        object-fit: cover;        min-height: 500px;    }    .tophead {        padding: 50px 0;    }    .ihPdmB {        width: 60%;    }    .coIHAB {        width: 60%;    }    .contbox {        width: 50%;    }    .cltIHb {        margin: 0px;        padding: 0;    }}@media only screen and (max-width: 640px) {    .bigBnTxt {        font-size: 54px;        line-height: 88px;    }    .btnList li {        display: inline-block;        margin: 6px;    }    .linkBtn {        max-width: 275px;        padding: 0px 20px;        height: 45px;        line-height: 45px;    }    .navbar-brand {        width: 59px;    }    .bannerSec .w-100 {        min-height: 460px;    }    .lljGte .col-md-6 {        padding: 15px;    }    .prdBox .pic {        height: 215px;    }    .prdBox p {        font-size: 14px;        line-height: 22px;    }    .dGcnUA {        font-size: 14px;        height: 44px;    }    .testemonBox p {        font-size: 15px;    }    .footLogo {        width: 56px;    }    p {        padding: 0px 0 15px 0;        margin: 0px;    }    .coma {  margin-bottom: 10px;}    .testemonBox p{ margin-top: 10px;}        .testemonBox .itemBx{ padding-bottom: 50px;}                    }@media only screen and (max-width: 575px) {    .tophead {        padding: 40px 0;    }    .tophead h1,    .tophead h2 {        font-size: 29px;        line-height: 36px;    }    body {        font-size: 15px;        line-height: 24px;    }    .projBox h6 {        font-size: 18px;    }    .lljGte .col-md-6 {        padding: 10px 0;    }    .bigtxt {        font-size: 33px !important;        line-height: 50px !important;    }    .cltIHb .col-md-4 {        flex: 0 0 auto;        width: 100%;        padding: 0 5px;    }    .prdBox {        margin: 10px 0;    }    .prdBox .text {        min-height: auto;    }    .prdBox .pic {        height: auto;    }    .testemoniIn {        padding: 20px;    }    .coma {        margin-bottom: 15px;    }    .bannerSec .w-100 {        min-height: 425px;    }    .cjcaaw {        flex-direction: column;    }    .calBtn {        padding: 0 25px;        margin-top: 20px;        line-height: 40px;    }                            }@media only screen and (max-width: 480px) {    .footerSec {        padding: 40px 0px;    }    .tophead h4 {        padding-bottom: 10px;    }    .footbtm {        flex-direction: column;    }    .footbtm {        margin-top: 25px;    }    .footbtm p {        margin-top: 23px;    }    .bigBnTxt {        font-size: 41px;        line-height: 53px;    }}@media only screen and (max-width: 400px) {    .contbox {        width: 100%;    }.projBox{ min-width: 100%;}    }