@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

:root {

    --color_1: #010066;

    --color_2: #cc0001;

    --color_3: #081830;

    --color_4: #9ca2ab;

    --color_5: #f4f4f5;

    --color_6: #2e2e2e;

    --color_7: #838383;

    --color_8: #b0b3b8;

}



* {

    font-family: Roboto, sans-serif;

}



body {

    scroll-padding-top: 150px;

    overflow-x: hidden;

}



html {

    scroll-padding-top: 150px;

    scroll-behavior: smooth;

    --top-spacing: 100px;

}



b {

    font-weight: 600;

}



.banner {

    position: relative;

    width: 100%;

    height: 600px;

    overflow: hidden;

}



.banner video {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    z-index: -1;

    -ms-transform: translateX(-50%) translateY(-50%) scale(1.5);

    -moz-transform: translateX(-50%) translateY(-50%) scale(1.5);

    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);

    transform: translateX(-50%) translateY(-50%) scale(1.5);

}



.content-area {

    z-index: 1;

    height: 100%;

    width: 100%;

    background: url(../images/effect.webp) no-repeat;

    background-size: cover;

}



.top {

    background: url(../images/top-bar.webp) no-repeat;

    background-size: cover;

    padding: 10px 0;

}



.icons i {

    width: 24px;

    height: 24px;

    border-radius: 50%;

    border-color: #aaa;

    color: #aaa;

    margin: 0 3px;

    transition: 0.5s;

}



.line-h-1 {

    line-height: 1.2;

}



nav .for-bg {

    background: var(--color_1);

    border-radius: 5px;

    position: unset;

}



nav .for-bg:after {

    content: "";

    background: #fff;

    width: 40px;

    height: 40px;

    position: absolute;

    top: 0;

    left: 0;

    transform: rotate(44deg) translate(-33px, -5px);

}



.aadzad {

    position: unset;

}



nav {

    position: absolute;

    width: 100%;

    z-index: 999;

    bottom: -22%;

}



header li.dropdown:hover .dropdown-menu {

    top: 55px;

    visibility: visible;

    opacity: 1;

    transform: translateY(-13%);

    transition-delay: 0s, 0s, 0.3s;

    border-radius: 0;

}



header .for-sticky li.dropdown:hover .dropdown-menu {

    transform: translateY(0);

}



header li.dropdown .dropdown-menu {

    position: absolute !important;

    left: 0;

    right: 0;

    margin-top: 1px;

    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 10ms;

    transition: 0.5s;

}



header .for-sticky li.dropdown .dropdown-menu {

    padding: 40px 0 30px;

}



header li.dropdown .dropdown-menu {

    top: 55px;

    left: 0;

    width: 100%;

    min-width: 200px;

    background: url(../images/mega-bg.webp) no-repeat;

    background-size: 100% 100%;

    padding: 80px 0 30px;

    visibility: hidden;

    display: block;

    opacity: 0;

    border: 0;

    transform: translateY(-2em);

    z-index: -1;

    transition: 0.2s;

}



header li.dropdown .dropdown-menu .content {

    background: url(../images/mega-in.webp) no-repeat;

    background-size: cover;

    border-radius: 10px;

}



header li.dropdown .dropdown-menu .content h5 {

    font-size: 14px;

    color: #fff;

    text-align: center;

    padding: 15px;

    background: var(--color_1);

    border-radius: 10px 10px 0 0;

    margin-bottom: 0;

}



header li.dropdown .dropdown-menu .content a {

    color: #fff;

    font-size: 14px;

    padding: 12px 0;

    display: inline-block;

    text-transform: capitalize;

    font-weight: 600;

}



header li.dropdown .dropdown-menu .lst {

    background: #dddde27a;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border-radius: 10px;

    padding: 25px;

}



header li.dropdown .dropdown-menu .mega-line::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 203px;

    height: 4px;

    background: url(../images/mega-line.webp) no-repeat;

    background-size: contain;

}



header li.dropdown .dropdown-menu .mega-line::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 203px;

    height: 4px;

    background: url(../images/mega-line.webp) no-repeat;

    background-size: contain;

}



header li.dropdown .dropdown-menu .h4-mega:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    background: url(../images/double-line.webp) no-repeat;

    background-size: contain;

    width: 25px;

    height: 6px;

}



.p-dd {

    padding: 15px 30px;

}



nav ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

    list-style: none;

    padding: 0;

    margin: 0;

    height: 100%;

}



nav ul li a {

    color: #9aa1aa;

    padding: 10px 20px;

}



nav ul li a:hover {

    color: #9aa1aa;

}



nav button {

    width: 100%;

    height: 100%;

    padding: 20px;

    background: var(--color_2);

    color: #fff;

    border: 1px solid transparent;

    font-size: 16px;

    font-weight: 500;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 0 5px 5px 0;

}



.for-sticky ul li a {

    padding: 0;

    color: #2e2e2e;

}



nav .col-lg-2 {

    padding: 0;

}



.banner .content h1:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 15px;

    background: url(../images/header-line.webp) no-repeat;

    background-size: contain;

}



.banner .content h6 {

    color: #fff;

    background: #c00;

    display: inline-block;

    padding: 6px 12px;

    transform: skewX(-15deg);

    font-size: 18px;

    position: relative;

    margin: 0 22px;

}



.banner .content h6 span {

    transform: skewX(15deg);

    display: block;

}



.banner .content h6:after {

    content: "";

    position: absolute;

    top: 0;

    left: -22px;

    width: 40px;

    height: 34px;

    background: url(../images/rr-lines.webp) no-repeat;

    background-size: contain;

    transform: skewX(24deg);

}



.banner .content h6:before {

    content: "";

    position: absolute;

    top: 0;

    right: -38px;

    width: 40px;

    height: 34px;

    background: url(../images/rr-lines.webp) no-repeat;

    background-size: contain;

    transform: skewX(24deg);

}



.btn-main {

    background: var(--color_2);

    border: 1px solid transparent;

    color: #fff;

    padding: 8px 18px;

    border-radius: 6px;

}



.banner .content {

    z-index: 99;

}



.hr-area .in-content {

    background: url(../images/hr-bg.webp) no-repeat;

    background-size: cover;

    box-shadow: 0 0 10px #0003;

    position: relative;

}



.hr-area .in-content:after {

    content: "";

    background: url(../images/hr-top-ar.webp) no-repeat;

    background-size: contain;

    width: 23px;

    height: 23px;

    position: absolute;

    top: 10px;

    right: 10px;

    filter: brightness(0) opacity(0.3);

    transition: 0.5s;

}



.hr-area {

    position: relative;

    width: 100%;

    top: -60px;

}



.hr-area .cc {

    transition: 0.5s;

}



.hr-area .cc a {

    margin-bottom: 0;

    visibility: hidden;

    transition: 0.5s;

    opacity: 0;

}



.hr-area .cc.active a,

.hr-area .cc:hover a {

    margin-bottom: 0;

    visibility: visible;

    opacity: 1;

}



.hr-area .cc.active .in-content:after,

.hr-area .cc:hover .in-content:after {

    filter: brightness(1) opacity(1);

}



.hr-area .ic-1 {

    transform: translateY(20px);

}



.hr-area .cc.active,

.hr-area .cc:hover {

    transform: translateY(-20px);

}



.abs-in {

    background: #fff;

    padding: 20px;

    position: absolute;

    width: -webkit-fill-available;

    margin: 0 40px 0 150px;

    border-radius: 10px 10px 0 0;

    bottom: 25px;

    box-shadow: 0 0 10px #0003;

}



.first-sec {

    background: url(../images/first-bg.webp) no-repeat;

    background-size: cover;

}



.second-sec {

    background: url(../images/sec-bg.webp) no-repeat;

    background-size: cover;

}



.sec-bg-1,

.sec-bg-2 {

    background: url(../images/sec-1.webp) no-repeat;

    background-size: cover;

    height: 433px;

    box-shadow: 0 0 10px #00000014;

    position: relative;

    z-index: 1;

}



.second-sec .content {

    padding: 0 20px 0 0;

}



.sec-bg-2 {

    background: url(../images/sec-2.webp) no-repeat;

    background-size: cover;

}



.sec-bg-1:before,

.sec-bg-2:before {

    content: "";

    position: absolute;

    top: -30px;

    left: -30px;

    width: 30px;

    height: 100%;

    background: var(--color_1);

    z-index: -1;

}



.sec-bg-1:after,

.sec-bg-2:after {

    content: "";

    position: absolute;

    top: -30px;

    left: -30px;

    width: 120px;

    height: 30px;

    background: var(--color_1);

    z-index: -1;

}



.sec-bg-1 .ss1221,

.sec-bg-2 .ss1221 {

    display: block;

}



.sec-bg-1 .ss1221:before,

.sec-bg-2 .ss1221:before {

    content: "";

    position: absolute;

    bottom: -30px;

    right: -30px;

    width: 30px;

    height: 100%;

    background: var(--color_2);

    z-index: -1;

}



.sec-bg-1 .ss1221:after,

.sec-bg-2 .ss1221:after {

    content: "";

    position: absolute;

    bottom: -30px;

    right: -30px;

    width: 120px;

    height: 30px;

    background: var(--color_2);

    z-index: -1;

}



.br-1 {

    background: url(../images/br-1.webp) no-repeat;

    background-size: cover;

}



.third-sec {

    background: url(../images/third-bg.webp) no-repeat;

    background-size: cover;

}



.third-sec .ic {

    width: 112px;

    height: 112px;

    display: inline-block;

    transition: 0.5s;

    background: url(../images/icons.webp) no-repeat;

    background-size: auto;

}



.third-sec .ic.v1 {

    background-position: -178px 0;

}



.third-sec .ic.v2 {

    background-position: -322px 0;

}



.third-sec .ic.v3 {

    background-position: -466px 0;

}



.third-sec .ic.v4 {

    background-position: -609px 0;

}



.third-sec .ic.v5 {

    background-position: -753px 0;

}



.third-sec .hhhr:hover .ic.v1 {

    background-position: -178px -160px;

}



.third-sec .hhhr:hover .ic.v2 {

    background-position: -322px -160px;

}



.third-sec .hhhr:hover .ic.v3 {

    background-position: -466px -160px;

}



.third-sec .hhhr:hover .ic.v4 {

    background-position: -609px -160px;

}



.third-sec .hhhr:hover .ic.v5 {

    background-position: -753px -160px;

}



.third-sec .hhhr:hover h6 {

    color: var(--color_2) !important;

}



.proc .col-lg-2 {

    padding: 0;

}



.research-slide .content {

    width: 100%;

    height: 160px;

    display: flex;

    flex-direction: column;

    align-items: center;

    border: 2px solid var(--color_7);

    justify-content: center;

    background: #0c2858c2;

    transition: 0.5s;

    text-align: center;

}



.fourth-sec {

    background: url(../images/fourth-bg.webp) no-repeat;

    background-size: cover;

}



.research-slide .content img {

    width: 40px;

    height: auto;

}



.research-slide .owl-controls {

    position: absolute;

    top: 40%;

    left: 0;

    right: 0;

    transform: translateY(-50%);

}



.research-slide .owl-controls .owl-prev {

    position: absolute;

    left: -50px;

    top: 50%;

}



.research-slide .owl-controls .owl-next {

    position: absolute;

    right: -50px;

}



.for-sticky {

    visibility: hidden;

}



.for-sticky.sticky {

    position: fixed;

    visibility: visible;

    left: 0;

    top: 0;

    right: 0;

    z-index: 99999;

    -webkit-animation: 0.8s ease-in-out 0s normal none 1 running slideInDown;

    animation: 0.8s ease-in-out 0s normal none 1 running slideInDown;

    bottom: unset;

    background: #fff;

    box-shadow: 0 0 10px #0003;

    border-radius: 0;

}



.for-sticky .for-bg {

    background: #fff;

    border-radius: 0;

}



@keyframes slideInDown {

    0% {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.for-sticky ul li {

    color: #2e2e2e;

    padding: 10px 20px;

    font-weight: 500;

}



.girl {

    transform: translateY(-25px);

}



.for-sticky ul li .filter-img {

    filter: brightness(0.5);

}



.for-sticky .inner-ul li {

    padding: 0;

}



.for-sticky button {

    border-radius: 0;

}



.services-sec {

    position: relative;

    width: 100%;

    height: 600px;

    overflow: hidden;

}



.services-sec video {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    z-index: -1;

    -ms-transform: translateX(-50%) translateY(-50%) scale(1.5);

    -moz-transform: translateX(-50%) translateY(-50%) scale(1.5);

    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);

    transform: translateX(-50%) translateY(-50%) scale(1.5);

}



.services-sec .inn {

    width: 100%;

    height: 100%;

    background: url(../images/services-eff.webp) no-repeat;

    background-size: cover;

}



.services-sec .content {

    width: 100%;

    height: 188px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background: #ffffff1a;

    text-transform: uppercase;

    transition: 0.5s;

    position: relative;

    padding: 0 20px;

}



.services-sec .serv {

    position: absolute;

    bottom: 0;

    width: 100%;

    left: 0;

}



.services-sec .content.active {

    height: 340px;

    background: var(--color_2);

}



.services-sec .content h4:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    right: 0;

    background: url(../images/heading-br.webp);

    background-size: contain;

    width: 132px;

    height: 12px;

    transform: translateX(-50%);

}



.services-sec .content h4 {

    transform: translateY(60px);

    transition: 0.5s;

}



.services-sec .content.active h4 {

    transform: translateY(00px);

}



.services-sec .content button,

.services-sec .content p {

    visibility: hidden;

    opacity: 0;

    transform: translateY(20px);

    transition: 0.9s ease;

}



.services-sec .content.active button,

.services-sec .content.active p {

    visibility: visible;

    opacity: 1;

    transform: translateY(0);

}



.services-sec .content span {

    display: block;

}



.services-sec .content span:nth-child(1):before {

    content: "";

    position: absolute;

    left: 5px;

    bottom: 4px;

    height: 0%;

    background: #ffffff1a;

    width: 2px;

    transition: 0.5s;

}



.services-sec .content span:nth-child(3):before {

    content: "";

    position: absolute;

    right: 5px;

    top: 5px;

    height: 0%;

    background: #ffffff1a;

    width: 2px;

    transition: 0.7s;

}



.services-sec .content span:nth-child(2):before {

    content: "";

    position: absolute;

    left: 5px;

    top: 5px;

    height: 2px;

    background: #ffffff1a;

    width: 0%;

    transition: 0.6s;

}



.services-sec .content span:nth-child(4):before {

    content: "";

    position: absolute;

    right: 5px;

    bottom: 3px;

    height: 2px;

    background: #ffffff1a;

    width: 0%;

    transition: 0.8s;

}



.services-sec .content.active span:nth-child(1):before,

.services-sec .content.active span:nth-child(3):before {

    background: #8c0000;

    height: 97%;

}



.services-sec .content.active span:nth-child(2):before,

.services-sec .content.active span:nth-child(4):before {

    background: #8c0000;

    width: 97%;

}



.solution .content .in {

    background: #000000ba;

    width: 88%;

    position: absolute;

    bottom: 25px;

    left: 50%;

    transform: translateX(-50%);

    padding: 15px;

    transition: 0.5s;

    text-align: center;

}



.solution .in h4 {

    line-height: 1;

}



.solution .content-2 .in {

    background: #000000ba;

    width: 42%;

    position: absolute;

    top: 60%;

    left: 25px;

    transform: translateY(-50%);

    padding: 15px;

    text-align: center;

    transition: 0.5s;

}



.solution .content-2:hover .in,

.solution .content:hover .in {

    background: #cc0000a6;

}



.solution {

    background: url(../images/sol-bg2.webp) no-repeat;

    background-size: cover;

    position: relative;

}



.solution p img {

    transition: 0.5s;

    filter: grayscale(1) brightness(2.5);

    margin: 0 5px 0 0;

}



.solution button {

    border: none;

    overflow: hidden;

}



.solution button:after {

    content: "";

    background: #fff;

    width: 40px;

    height: 40px;

    position: absolute;

    top: 0;

    left: 0;

    transform: rotate(44deg) translate(-33px, -5px);

}



.research616 {

    background: url(../images/res-bg.webp) no-repeat;

    background-size: cover;

    background-position: center;

    box-shadow: 0 0 10px #0003;

}



.research616 .content h5 {

    display: inline-block;

    margin: 0;

    color: #2e2e2e;

    font-weight: 400;

    font-size: 20px;

    border: #dcdcdc 1px solid;

    text-transform: uppercase;

    padding: 5px 10px;

    letter-spacing: 2px;

    word-spacing: 3.4px;

}



.research616 .content h3 {

    display: inline-block;

    font-size: 44.5px;

    color: var(--color_2);

    text-transform: uppercase;

    font-weight: 600;

    margin: 0;

    line-height: 1;

}



.research616 .content h4 {

    display: inline-block;

    text-transform: uppercase;

    font-weight: 600;

    color: #2e2e2e;

    letter-spacing: 2px;

    font-size: 23px;

}



.research616 .content p {

    color: #9d9d9e;

    line-height: 1.2;

    font-size: 16px;

}



.research616 button {

    width: 158px;

}



.solution .con p:hover img {

    filter: grayscale(0) brightness(1);

}



.solution .con p {

    transition: 0.5s;

}



.solution .con p:hover {

    color: var(--color_2) !important;

}



.hr-line:after {

    content: "";

    position: absolute;

    left: -20px;

    top: 50%;

    transform: translate(-50%, -50%);

    background: url(../images/heading-af.webp) no-repeat;

    background-size: contain;

    width: 25px;

    height: 6px;

}



.hr-line:before {

    content: "";

    position: absolute;

    right: -45px;

    top: 50%;

    transform: translate(-50%, -50%);

    background: url(../images/heading-af.webp) no-repeat;

    background-size: contain;

    width: 25px;

    height: 6px;

}



.research-slide .content:hover {

    background: #091f44c2;

    box-shadow: 0 0 15px #0000008c;

}



.call-12123 .abs-call {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

}



.call-12123 .abs-call .row-1 {

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

}



.a21232 {

    width: 19px;

    height: 19px;

}



.bd-121aa {

    padding: 0 0 10px;

    border-bottom: 5px solid #fff3;

}



.mg-gg-112 {

    border-top: 1px solid #cccccc4f;

}



.mg-gg-112 span {

    padding-left: 10px;

}



.research616 .content-2 span {

    position: absolute;

    left: 25px;

    height: 100%;

    display: flex;

    align-items: baseline;

    flex-direction: column;

    top: 0;

    justify-content: center;

}



.research616 .content-2 span h6 {

    font-size: 19px;

    color: var(--color_1);

    display: block;

    margin: 0;

    line-height: 1;

    z-index: 99;

    background: #fff;

    padding-right: 5px;

}



.research616 .content-2 span h4 {

    display: block;

    margin: 0;

    letter-spacing: 0;

    color: var(--color_2);

    line-height: 1;

    font-size: 21px;

}



.research616 .content-2 .in:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    background: #fff url(../images/sol-bg-after.webp) no-repeat;

    background-size: contain;

    width: 444px;

    height: 189px;

    transform: translateX(100%);

}



.research616 .content-2 span h3 {

    display: block;

    font-size: 40px;

    font-weight: 600;

    color: var(--color_1);

    line-height: 1;

    text-transform: uppercase;

}



.text-op .swiper-slide {

    opacity: 0;

}



.swiper-slide {

    filter: grayscale(1) blur(2px);

}



.swiper-slide-active {

    filter: grayscale(0) blur(0);

}



.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

    right: 0;

    left: auto;

}



.swiper-button-prev:after,

.swiper-container-rtl .swiper-button-next:after {

    content: "" !important;

    background: url(../images/prev.webp) no-repeat !important;

    background-size: contain !important;

    width: 50px;

    height: 63px;

    filter: brightness(0.2);

}



.swiper-button-next:after,

.swiper-container-rtl .swiper-button-prev:after {

    content: "" !important;

    background: url(../images/next.webp) no-repeat !important;

    background-size: contain !important;

    width: 50px;

    height: 63px;

    filter: brightness(0.2);

}



.p-none {

    pointer-events: none;

}



.text-op .swiper-slide-active {

    opacity: 1;

}



.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

    left: 0;

    right: auto;

}



.research616 .content-2 span:after {

    content: "";

    position: absolute;

    top: 62px;

    right: -25px;

    background: url(../images/broder.webp) no-repeat;

    background-size: contain;

    width: 119px;

    height: 73px;

}



.testimonial {

    background: url(../images/testi-bg.webp) no-repeat;

    background-size: cover;

}



.accordion-button:not(.collapsed) {

    color: #000;

    background: var(--color_2);

    box-shadow: inset 0 -1px 0 transparent;

    overflow: hidden;

}



.accordion-button:not(.collapsed) img {

    filter: brightness(20);

}



.accordion-button.collapsed {

    background: var(--color_1);

}



.accordion-button:after {

    content: "";

    background: #fff;

    width: 15px;

    height: 19px;

    position: absolute;

    top: 0;

    left: 0;

    transform: rotate(44deg) translate(-10px, -2px);

    background-image: unset;

}



.accordion-button::before {

    content: "";

    background: url(../images/corner.webp) no-repeat;

    background-size: contain;

    width: 16px;

    height: 16px;

    position: absolute;

    transition: 0.5s;

    top: 10px;

    right: 10px;

}



.ff-black {

    filter: brightness(0);

}



.accordion-button:not(.collapsed)::before {

    filter: brightness(20);

    transform: rotate(90deg) translateX(10%);

    top: 60%;

}



.accordion-button {

    padding: 22px;

}



.accordion-button:not(.collapsed)::after {

    background-image: unset;

    transform: rotate(44deg) translate(-10px, -2px);

}



.last-cc .in .cc {

    position: absolute;

    top: 0;

    left: 8%;

    height: 100%;

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.line-1 {

    line-height: 1;

}



.last-cc .in .cc .hh::before {

    content: "";

    position: absolute;

    background: url(../images/lst-line.webp) no-repeat;

    background-size: contain;

    width: 182px;

    height: 10px;

    top: 0;

    left: 0;

}



.last-cc .in .cc .hh::after {

    content: "";

    position: absolute;

    background: url(../images/lst-line.webp) no-repeat;

    background-size: contain;

    width: 182px;

    height: 10px;

    bottom: 0;

    left: 0;

}



footer .subs {

    padding: 25px;

    background: var(--color_2);

    margin: 0 80px;

}



footer .subs input {

    border-radius: 0;

    background: #e0e0e0;

}



footer .subs .inp {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



footer .subs button {

    width: 15em;

    border-radius: 0;

}



footer {

    background: url(../images/footer-bg.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



footer h4 {

    border-bottom: 3px double #7a828f;

}



.f-content p span {

    padding-left: 10px;

}



.f-content .icons {

    transform: translateX(50px);

    width: 80%;

}



.inner-banner .content-area {
    z-index: 1;
    height: 100%;
    width: 100%;
    background: url(../images/about/banner.webp) no-repeat;
    background-size: cover;
}
.inner-banner {
    position: relative;
    width: 100%;
    height: 352px;
    overflow: hidden;
}
.inner-banner .content h6 {
    color: #fff;
    background: #c00;
    display: inline-block;
    padding: 6px 25px;
    transform: skewX(-15deg);
    font-size: 18px;
    position: relative;
    margin: 0 22px;
}
.inner-banner .content h6 span {
    transform: skewX(15deg);
    display: block;
}
.inner-banner .content h6:before {
    content: "";
    position: absolute;
    top: 0;
    right: -38px;
    width: 40px;
    height: 34px;
    background: url(../images/rr-lines.webp) no-repeat;
    background-size: contain;
    transform: skewX(24deg);
}

.inner-banner .content h6:after {
    content: "";
    position: absolute;
    top: 0;
    left: -22px;
    width: 40px;
    height: 34px;
    background: url(../images/rr-lines.webp) no-repeat;
    background-size: contain;
    transform: skewX(24deg);
}

.first-about {
    background: url(../images/about/first-bg.webp) no-repeat;
    background-size: cover;
}

.first-about .content .d-content {
    box-shadow: 0 0 10px #0003;
}

.first-about .content .h-content {
    position: absolute;
    bottom: 0;
    width: 94%;
    height: 0%;
    background: #2e2e2eed;
    left: 3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 50px;
    color: #c7c7c7;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.first-about .content:hover .h-content {
    height: 94%;
    border-radius: 0 17px 0 0;
    opacity: 1;
    visibility: visible;
}

.first-about .content .h-content p {
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 1.2;
}

.second-about {
    background: url(../images/about/second-bg.webp) no-repeat;
    background-size: cover;
}

.second-about ul li::marker,
.third-about ul li::marker {
    font-size: 10px;
    color: #fff;
}

.second-about ul li:before,
.third-about ul li:before {
    content: "";
    position: absolute;
    background: var(--color_7);
    width: 8px;
    height: 8px;
    top: 8px;
    left: 0;
    border-radius: 50%;
}

.third-about {
    background: url(../images/about/third-bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
}

.three-lyr {
    background: url(../images/about/3lyr-bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
}

#about .testimonial,
#services .testimonial {
    margin: 0 0 -60px;
    padding-bottom: 120px;
}

.second-resource {
    background: url(../images/resources/sec-bg.webp) no-repeat;
    background-size: cover;
}

.second-resource .content {
    background: #ececec;
    height: 160px;
    padding: 10px;
}

.second-resource .content .in {
    background: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.second-resource .content .in h6 {
    margin: 8px 0 0;
    font-size: 18px;
    color: var(--color_6);
    line-height: 1.2;
}

.third-resource .content .in {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: #000000bf;
    text-align: center;
    padding: 20px 50px;
    height: 35%;
    transition: 0.5s;
}
.third-resource .content .in h5 {
    font-size: 28px;
}
.third-resource .content .in h5 span {
    font-size: 20px;
    font-weight: 300;
}
.third-resource .content .in p {
    font-size: 16px;
    margin: 0;
    color: #595959;
    line-height: 1.2;
    visibility: hidden;
    transition: 0.5s;
    opacity: 0;
}
.third-resource .content:hover .in {
    height: 60%;
    background: #ffffffbf;
}
.third-resource .content:hover .in h5 {
    color: var(--color_6);
}
.third-resource .content:hover .in h5 span {
    color: var(--color_2);
}
.second-resource .content .in h6 span {
    color: var(--color_2);
    font-size: 14px;
    font-weight: 500;
}
.third-resource .content:hover .in p {
    visibility: visible;
    opacity: 1;
}
.fourth-resource {
    background: url(../images/resources/frt-bg.webp) no-repeat;
    background-size: cover;
}
.m-header {
    background: url(../images/nav.webp) no-repeat;
    background-size: cover;
}
.fourth-resource .in {
    text-align: center;
    position: absolute;
    bottom: 12%;
    left: 0;
    right: 0;
}
.line-height-1 {
    line-height: 1;
}
.first-pub {
    background: url(../images/publication/first-bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.first-pub .content-in h4 {
    padding: 5px;
    border: 2px solid #fff;
    display: inline-block;
}
.first-pub .content-in {
    padding-left: 25px;
    position: relative;
}
.first-pub .content-in p {
    line-height: 1.3;
}
.first-pub .content-in::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/publication/line.webp) no-repeat;
    background-size: contain;
    width: 9px;
    height: 180px;
}
.journal .owl-controls .owl-prev {
    position: absolute;
    left: -50px;
    top: 50%;
}
.journal .owl-controls .owl-next {
    position: absolute;
    top: 50%;
    right: -50px;
}
.journal .owl-controls .owl-next img,
.journal .owl-controls .owl-prev img {
    filter: brightness(0.5);
}
.second-pub {
    background: url(../images/publication/jr-bg.webp) no-repeat;
    background-size: contain;
}
.third-pub {
    background: url(../images/publication/third-bg.webp) no-repeat;
    background-size: cover;
}
.fourth-pub {
    background: url(../images/publication/fourth-bg.webp) no-repeat;
    background-size: cover;
}
.news .content .in {
    position: absolute;
    bottom: 0;
    background: #ffffffe6;
    padding: 25px;
}
.fifth-pub {
    background: url(../images/publication/fifth-bg.webp) no-repeat;
    background-size: cover;
}
.first-dist {
    background: url(../images/distribution/first-bg.webp) no-repeat;
    background-size: cover;
}
.second-dist {
    background: url(../images/distribution/second-bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.third-dist {
    background: url(../images/distribution/third-bg.webp) no-repeat;
    background-size: cover;
}
.third-dist .content {
    background: #fff;
    box-shadow: 0 0 10px #0003;
    border-radius: 10px;
    width: 80%;
    float: right;
}
.third-dist .content li {
    padding: 14px 0;
    border-bottom: 1px solid #e3e3e3;
}
.third-dist .content::before {
    font-size: 26px;
    color: #fff;
    position: absolute;
    top: 47%;
    left: -53%;
    transform: rotate(-90deg) translateY(-50%);
    width: 290px;
    height: auto;
    padding: 6px;
    border-radius: 10px 10px 0 0;
    font-weight: 600;
}
.third-dist .content.v1::before {
    content: ".99 / Month";
    background: var(--color_2);
}
.third-dist .content.v2::before {
    content: ".99 / Month";
    background: var(--color_1);
}

.third-dist .content.v3::before {
    content: ".99 / Month";
    background: var(--color_1);
}

#contact .content-area {
    background: url(../images/contact/banner.webp) no-repeat;
    background-size: cover;
}



#contact .first-contact .form-control {

    display: block;

    width: 100%;

    padding: 0.575rem 0.75rem;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #f7f8f7;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 0.55rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    margin: 0 0 18px;

    color: #838383;

    resize: none;

}



#contact .first-contact button {

    font-size: 16px;

    background: var(--color_2);

    color: #fff;

    padding: 5px 15px;

    border-radius: 12px;

    border: 1px solid;

}



#contact .icons i {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border-color: #aaa;

    color: #aaa;

    margin: 0 8px;

    transition: 0.5s;

    font-size: 16px;

}



#contact .icons i.fa-facebook-f {

    margin-left: 0;

}



.first-contact {

    background: url(../images/contact/first-bg.webp) no-repeat;

    background-size: cover;

}



#contact .accordion-button.collapsed {

    background: #081830;

}



.second-contact {

    background: url(../images/contact/second-bg.webp) no-repeat;

    background-size: cover;

}



#contact footer {

    margin-top: -70px;

    position: relative;

}



.side-after {

    position: relative;

    padding-left: 35px;

}



.side-after:before {

    content: "";

    position: absolute;

    background: url(../images/double-line.webp) no-repeat;

    background-size: contain;

    width: 25px;

    height: 6px;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}



.side-after-r::before {

    content: "";

    position: absolute;

    background: url(../images/double-line.webp) no-repeat;

    background-size: contain;

    width: 25px;

    height: 6px;

    top: 50%;

    right: -30px;

    transform: translateY(-50%);

}



.first-services {

    background: url(../images/services/first-banner.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



#services .first-services .ff {

    background: #f4f4f5;

    border-radius: 15px;

    box-shadow: 0 10px 10px -5px #0003;

}



.bdr-left {

    border-right: 1px solid #d5d5d6;

}



.second-services {

    background: url(../images/services/services-bg.webp) no-repeat;

    background-size: cover;

}



.second-services .name {

    position: absolute;

    bottom: 8%;

    left: 14%;

}



.second-services .hvr-content {

    position: absolute;

    left: -3%;

    bottom: -5%;

    width: 95%;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

    transform: translate(-40px, 40px);

}



.second-services .hvr-content p {

    margin: 0;

}



.second-services .content:hover .hvr-content {

    transform: translate(0, 0);

    opacity: 1;

    visibility: visible;

}



.second-services .top-cc {

    position: absolute;

    top: 6%;

    left: 14%;

    background: #0000006e;

    padding: 10px;

    border-radius: 15px;

    color: #7b7b7b;

}



.experience::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 165px;

    height: 144px;

    background: url(../images/exprience-af.webp) no-repeat;

    background-size: contain;

}



.partner {

    background: #f4f4f5;

}



.faqs-services .accordion-button.collapsed,

.faqs-services .accordion-button:not(.collapsed) {

    background: #f4f4f5;

    box-shadow: inset 0 -1px 0 transparent;

    overflow: hidden;

    color: #8c8c8c;

    padding: 16px;

    font-size: 18px;

}



.faqs-services .accordion-button.collapsed:after,

.faqs-services .accordion-button.collapsed:before,

.faqs-services .accordion-button:not(.collapsed)::after,

.faqs-services .accordion-button:not(.collapsed)::before {

    display: none;

}



.faqs-services .accordion-body {

    color: #838383;

    padding: 0;

}



#edit .inner-banner .content-area {

    background: url(../images/innerpages/in-bg-1.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



.edit-cost {

    background: url(../images/innerpages/edit-cost.webp);

    background-size: cover;

    background-position: center;

}



.first-host {

    background: url(../images/innerpages/in-bg-2.webp);

    background-size: cover;

    background-position: center;

}



#advertise .inner-banner .content-area {

    background: url(../images/innerpages/Advertising-slider.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



#host .inner-banner .content-area {

    background: url(../images/innerpages/Translation-Services-slider.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



#manage .inner-banner .content-area {

    background: url(../images/innerpages/Proofreading-slider.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



#review .inner-banner .content-area {

    background: url(../images/innerpages/in-bg-6.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



#fund .inner-banner .content-area {

    background: url(../images/innerpages/Publishing-slider.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



#author .inner-banner .content-area {

    background: url(../images/innerpages/in-bg-8.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



#fo .inner-banner .content-area {

    background: url(../images/innerpages/fo.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



#fii .inner-banner .content-area {

    background: url(../images/innerpages/fii.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



#fl .inner-banner .content-area {

    background: url(../images/innerpages/fl.webp) no-repeat;

    background-size: cover;

    background-position: center;

}



#ldc .inner-banner .content-area {

    background: url(../images/innerpages/ldc.webp) no-repeat;

    background-position: center;

    background-size: cover;

}



#fcc .inner-banner .content-area {

    background: url(../images/innerpages/fcc.webp) no-repeat;

    background-position: center;

    background-size: cover;

}



.bdr_cc {

    border-color: #fff;

    width: 196px;

}



.bdr_cc_w2 {

    width: auto;

}



.main-inner-cc .menu {

    border-radius: 10px;

    padding: 25px 20px;

}



.main-inner-cc .menu .nav-tabss {

    display: flex;

    align-items: center;

    justify-content: center;

}



.main-inner-cc .menu .nav-tabss a {

    margin: 0 8px 0 8px;

}



.main-inner-cc .tab-content .content {

    text-align: center;

    background: linear-gradient(180deg, #010064, #01003b);

    width: 90%;

    height: 290px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    box-shadow: 10px 10px 0 #00000014;

    padding: 25px;

    transition: 0.5s ease;

}



.main-inner-cc .tab-content .content:hover {

    box-shadow: -10px -10px 0 #00000014;

    transform: translate(10px, 10px);

    background: linear-gradient(180deg, #a00001, #cb0001);

}



.main-inner-cc .tab-content h2::before {

    content: "";

    position: absolute;

    bottom: -10px;

    left: 50%;

    transform: translateX(-50%);

    background: url(../images/innerpages/lines.webp) no-repeat;

    width: 99px;

    height: 8px;

}



.fcss:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 00%;

    background: url(../images/innerpages/lines.webp) no-repeat;

    width: 99px;

    height: 8px;

}



.tab {

    overflow: hidden;

    border: 1px solid #ccc;

    background-color: #f1f1f1;

}



.tab button {

    background-color: inherit;

    float: left;

    border: none;

    outline: 0;

    cursor: pointer;

    padding: 14px 16px;

    transition: 0.3s;

}



.tab button:hover {

    background-color: #ddd;

}



.tab button.active {

    background-color: #ccc;

}



.tabcontent {

    display: none;

    animation: fadeEffect 1s;

}



@keyframes fadeEffect {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



#preloader {

    position: fixed;

    background: #fff;

    z-index: 9999999999999999999999;

    display: flex;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

}



#preloader img {

    image-rendering: pixelated;

    filter: hue-rotate(370deg);

}



.p-orignal {

    font-weight: 300;

    letter-spacing: -0.6px;

    line-height: 1.2;

    color: #4a4848 !important;

}



.p-orignal-white {

    font-weight: 300;

    letter-spacing: -0.6px;

    line-height: 1.2;

    color: #fff !important;

}



.p-orignal-no-clr {

    font-weight: 300;

    letter-spacing: -0.6px;

    line-height: 1.2;

}



footer .icons i {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    border-color: #aaa;

    color: #aaa;

    margin: 0 6px;

    transition: 0.5s;

    font-size: 12px;

}



.h-spacing {

    letter-spacing: -0.6px;

}



.cc-dev {

    background: url(../images/innerpages/dev-bg.webp) no-repeat;

    background-size: cover;

}



.last-cc {

    background: url(../images/faq-bg.webp) no-repeat;

    background-size: cover;

}



.testimonial-slider img {

    width: auto !important;

    margin: 0 auto 30px;

}



.testimonial-slider .owl-nav {

    display: flex;

    justify-content: space-between;

    position: absolute;

    width: 100%;

    top: 50%;

}



.testimonial-slider .owl-dots {

    display: flex;

    justify-content: center;

}



.testimonial-slider .owl-dots .owl-dot {

    border: 2px solid #cc0001;

    padding: 3px;

    border-radius: 50%;

    margin: 0 3px;

}



.testimonial-slider .owl-dots .owl-dot span {

    width: 3px;

    height: 3px;

    background: #cc0001;

    display: block;

    border-radius: 50%;

}



.testimonial-slider .owl-dots .owl-dot.active {

    border: 2px solid #010066;

}



.testimonial-slider .owl-dots .owl-dot.active span {

    background: #010066;

}



.testimonial-slider .owl-nav .owl-next,

.testimonial-slider .owl-nav .owl-prev {

    color: #626262;

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 18px;

    border: 1px solid #626262;

    border-radius: 550%;

}



.line-1::before {

    content: "";

    position: absolute;

    right: -35%;

    top: 60%;

    transform: translateY(-50%);

    background: url(../images/process-line-1.webp) no-repeat;

    background-size: contain;

    width: 121px;

    height: 69px;

}



.line-3::before {

    content: "";

    position: absolute;

    right: -35%;

    top: 60%;

    transform: translateY(-50%);

    background: url(../images/process-line-1.webp) no-repeat;

    background-size: contain;

    width: 121px;

    height: 69px;

}



.line-2::before {

    content: "";

    position: absolute;

    right: -27%;

    top: 45%;

    transform: translateY(-50%);

    background: url(../images/process-line-2.webp) no-repeat;

    background-size: contain;

    width: 121px;

    height: 69px;

}



.line-4::before {

    content: "";

    position: absolute;

    right: -24%;

    top: 48%;

    transform: translateY(-50%);

    background: url(../images/process-line-2.webp) no-repeat;

    background-size: contain;

    width: 121px;

    height: 69px;

}



nav ul li a.active {

    color: #fff;

}



.vse {

    display: inline-block;

    margin: 0 auto;

    padding: 20px;

    background: #f4f4f6;

    border-radius: 12px;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

}



@media (max-width: 1890px) {

    .research616 .content-2 .in:after {

        width: 438px;

    }

}



@media (max-width: 1605px) {

    .research616 .content-2 .in:after {

        width: 294px;

    }

}



@media (min-width: 1610px) {

    .research616 .content-2 .in:after {

        width: 300px;

    }

}



@media (max-width: 1600px) {

    .research616 .content-2 .in:after {

        width: 283px;

        height: 189px;

        transform: translateX(100%);

    }

}



@media (max-width: 1540px) {

    .research616 .content-2 .in:after {

        width: 259px;

    }

}



@media (min-width: 1441px) {

    .research616 .content-2 .in:after {

        width: 212px;

    }

}



@media (max-width: 1440px) {

    .research616 .content-2 .in:after {

        width: 203px;

        height: 189px;

    }

}



@media (max-width: 1375px) {

    .first-pub .content-in h4 {

        font-size: 18px;

    }

    .first-pub .content-in h5 {

        font-size: 16px;

    }

    .first-pub .content-in h2 {

        font-size: 25px;

    }

    .first-pub .content-in p {

        line-height: 1.3;

        font-size: 16px;

    }

    .bdr_cc {

        border-color: #fff;

        width: 165px;

        padding: 9px 6px;

        font-size: 14px;

    }

    .main-inner-cc .tab-content .content {

        height: 240px;

    }

    .accordion-button:not(.collapsed)::before {

        top: 46%;

    }

    header li.dropdown .dropdown-menu .content h5 {

        font-size: 13px;

        padding: 15px 8px;

    }

    header li.dropdown .dropdown-menu .content a {

        font-size: 12px;

        padding: 10px 0;

    }

    header li.dropdown .dropdown-menu .lst {

        padding: 15px;

    }

    .third-dist .content {

        width: 90%;

    }

    .third-dist .content::before {

        font-size: 20px;

        left: -44%;

        width: 230px;

    }

    .second-services .content .name h4 {

        font-size: 35px;

    }

    .third-resource .content .in {

        padding: 20px 0;

        height: 35%;

    }

    .third-dist .content .head h4 {

        font-size: 30px;

    }

    .first-resource .content-in h2 {

        font-size: 28px;

    }

    .sec-bg-1,

    .sec-bg-2 {

        height: 370px;

    }

    .sec-bg-1 p,

    .sec-bg-2 p {

        line-height: 1.2;

    }

    .abs-in h6 {

        font-size: 24px;

    }

    .second-resource .content .in h6 {

        font-size: 14px;

    }

    .second-services .hvr-content p {

        margin: 0;

        font-size: 14px;

    }

    .abs-in p,

    .first p,

    .fourth-sec p,

    .services-sec p,

    .third-sec p {

        font-size: 16px;

        line-height: 1.2;

    }

    .abs-in p br,

    .first p br,

    .fourth-sec p br,

    .services-sec p br,

    .third-sec p br {

        display: none;

    }

    .services-sec .content h4 {

        font-size: 22px;

    }

    .solution p {

        font-size: 14px !important;

        line-height: 1.1;

    }

    .solution .con p {

        font-size: 13px !important;

        margin: 0 0 18px;

    }

    .solution .content p,

    .solution .content-2 p {

        font-size: 12px !important;

    }

    .solution button {

        font-size: 20px;

    }

    .for-sticky ul li {

        padding: 10px 10px;

        font-size: 14px;

    }

    .banner h1 {

        font-size: 38px;

    }

    .banner {

        height: 530px;

    }

    .call-12123 h6 {

        font-size: 20px;

    }

    .call-12123 h4 {

        font-size: 40px;

    }

    .call-12123 p {

        font-size: 14px;

    }

    .accordion-button {

        padding: 15px;

    }

    .research616 .content-2 .in:after {

        width: 246px;

        height: 157px;

    }

    .research616 .content-2 span:after {

        top: 47px;

    }

    .second-sec .content h4 {

        font-size: 24px;

    }

    footer .col-lg-2 {

        padding-left: 0;

    }

    .inner-banner h1 {

        font-size: 35px;

    }

}



@media (max-width: 1360px) {

    .research616 .content-2 .in:after {

        width: 238px;

        height: 157px;

    }

}



@media (max-width: 1336px) {

    .research616 .content p {

        line-height: 1.2;

        font-size: 14px;

        margin: 0 0 10px;

    }

    .research616 .content-2 .in:after {

        width: 226px;

        height: 157px;

    }

}



@media (max-width: 1280px) {

    .research616 .content-2 .in:after {

        width: 198px;

        height: 157px;

    }

}



@media (max-width: 1199px) {

    .research616 .content-2 .in:after {

        width: 198px;

        height: 127px;

    }

}



@media (max-width: 1152px) {

    footer .f-content p {

        flex-direction: row;

        align-items: flex-start;

    }

    .first-pub .content-in h4 {

        font-size: 14px;

    }

    .first-pub .content-in h5 {

        font-size: 14px;

    }

    .first-pub .content-in p {

        font-size: 14px;

    }

    .first-pub .content-in h2 {

        font-size: 20px;

    }

    .first-pub .content-in::before {

        height: 150px;

    }

    .bdr_cc {

        width: 135px;

        padding: 9px 6px !important;

        font-size: 12px !important;

    }

    .bdr_cc img {

        width: 14px;

    }

    .tab-content .content h5 {

        font-size: 16px;

    }

    .tab-content .content p {

        font-size: 14px;

        line-height: 1.1;

    }

    .main-inner-cc .tab-content .content {

        height: 220px;

        padding: 10px;

    }

    header li.dropdown .dropdown-menu .content h5 {

        font-size: 11px;

        padding: 15px 5px;

    }

    .p-dd {

        padding: 15px 18px;

    }

    header li.dropdown .dropdown-menu .content a img {

        width: 10px;

    }

    .dropdown-menu .col-lg-4 p {

        font-size: 14px;

        line-height: 1.2;

    }

    .dropdown-menu .col-lg-4 h4 {

        font-size: 18px;

    }

    .dropdown-menu .col-lg-2 h5 span {

        font-size: 16px;

    }

    .dropdown-menu .col-lg-2 h5 {

        font-size: 13px !important;

    }

    .third-dist .content .head h4 {

        font-size: 25px;

    }

    .third-dist .content .head h6 {

        font-size: 16px;

    }

    .third-dist .content {

        padding: 15px 10px;

    }

    .third-dist .content::before {

        font-size: 16px;

        left: -47%;

        width: 200px;

        padding: 4px;

    }

    .second-services .content .name h4 {

        font-size: 25px;

    }

    .first-pub .content-in p {

        font-size: 16px;

    }

    .first-pub .col-lg-4 h6:nth-child(1) {

        font-size: 20px;

    }

    .first-pub .col-lg-4 h5 {

        font-size: 35px;

        line-height: 1.2;

    }

    .first-pub .col-lg-4 h3 {

        font-size: 36px;

    }

    footer .subs {

        padding: 20px;

        margin: 0 40px;

    }

    .accordion-button::before {

        width: 12px;

        height: 12px;

        top: 6px;

        right: 6px;

    }

    .first-pub .col-lg-4 h6:nth-child(3) {

        font-size: 22.5px;

        line-height: 1.1;

    }

    .first-resource .content-in h2 {

        font-size: 22px;

    }

    .third-resource .content:hover .in {

        height: 85%;

        background: #ffffffbf;

    }

    .first-resource li,

    .first-resource p {

        font-size: 16px;

    }

    .second-resource .content {

        padding: 5px;

    }

    .second-resource .content .in h6 {

        font-size: 12px;

    }

    .third-resource .content .in h5 {

        font-size: 22px;

        font-weight: 600;

    }

    #resource li,

    #resource p {

        font-size: 16px;

    }

    .inner-banner h1 {

        font-size: 30px;

    }

    .m-header .cont p spam,

    .m-header .cont p span {

        font-size: 12px !important;

    }

    #about li,

    #about p {

        font-size: 14px;

        line-height: 1.3;

    }

    .for-sticky ul li {

        padding: 10px 10px;

        font-size: 13px;

    }

    .banner h1 {

        font-size: 37px;

    }

    .banner {

        height: 450px;

    }

    .hr-area .in-content {

        padding: 15px;

    }

    .hr-area .in-content p {

        line-height: 1.1;

    }

    .hr-area .in-content h5 {

        font-size: 18px;

    }

    .abs-in {

        margin: 0 20px 0 100px;

    }

    .abs-in h6 {

        font-size: 22px;

    }

    .sec-bg-1,

    .sec-bg-2 {

        height: 320px;

        margin: 20px;

    }

    .sec-bg-1 h4,

    .sec-bg-2 h4 {

        font-size: 22px;

    }

    .sec-bg-1 p,

    .sec-bg-2 p {

        line-height: 1.2;

        font-size: 14px;

    }

    .sec-bg-1:before,

    .sec-bg-2:before {

        left: -20px;

        top: -20px;

        width: 20px;

    }

    .sec-bg-1:after,

    .sec-bg-2:after {

        top: -20px;

        left: -20px;

        height: 20px;

    }

    .sec-bg-1 .ss1221:after,

    .sec-bg-2 .ss1221:after {

        bottom: -20px;

        right: -20px;

        height: 20px;

    }

    .sec-bg-1 .ss1221:before,

    .sec-bg-2 .ss1221:before {

        bottom: -20px;

        right: -20px;

        width: 20px;

    }

    .solution .cc .row .col-lg-6 .row .col-lg-6 {

        padding: 0;

    }

    .solution .con p {

        font-size: 12px !important;

        margin: 0 0 15px;

    }

    .solution button {

        font-size: 17px;

        padding: 10px;

    }

    .solution .content-2 .in {

        width: 48%;

    }

    .solution .cc .ccc h2 {

        margin-bottom: 10px;

    }

    .solution p {

        font-size: 15px !important;

        line-height: 1.1;

        margin: 0 0 10px;

    }

    .solution .content-2 {

        margin-bottom: 15px;

    }

    .solution .in h4 {

        font-size: 18px;

    }

    .services-sec .content h4 {

        font-size: 20px;

    }

    .call-12123 h4 {

        font-size: 36px;

    }

    .call-12123 .mg-b-20 {

        margin-bottom: 15px;

    }

    .call-12123 p {

        font-size: 12px;

    }

    .call-12123 p img {

        width: 15px;

        height: 15px;

    }

    .btn-main {

        padding: 8px 12px;

        font-size: 14px;

    }

    footer .subs button {

        width: 16em;

        border-radius: 0;

    }

    .subs h3 {

        font-size: 20px;

    }

    footer ul li.fs_14 {

        font-size: 13px !important;

    }

    footer ul li img {

        width: 12px;

    }

    footer .col-lg-2 {

        padding: 0;

    }

    footer p.fs_16 {

        font-size: 14px;

    }

    .research616 .content-2 span:after {

        top: 18px;

    }

    .f-copyright .fs_14 {

        font-size: 12px !important;

    }

}



@media (max-width: 1100px) {

    .research616 .content-2 .in:after {

        width: 154px;

        height: 127px;

    }

    footer .f-content p {

        flex-direction: column;

        align-items: flex-start;

    }

    footer .f-content p img {

        margin-bottom: 10px;

    }

}



@media (max-width: 1024px) {

    footer .f-content p {

        flex-direction: column;

        align-items: flex-start;

    }

    .f-content p span {

        padding-left: 6px;

        font-size: 12px !important;

    }

    .f-content p img {

        width: 10%;

        height: 10%;

    }

    .research616 .content-2 .in:after {

        width: 152px;

        height: 128px;

    }

    .bd-121aa {

        padding: 0 0 5px;

        margin: 0 0 5px;

    }

    .banner .content p {

        line-height: 1.2;

    }

    .research-slide .owl-controls .owl-next {

        position: absolute;

        right: -36px;

    }

    .research-slide .owl-controls .owl-prev {

        position: absolute;

        left: -36px;

        top: 50%;

    }

}



@media (max-width: 991px) {

    header nav .col-lg-1 {

        display: none;

    }

    .research616 .content-2 .in:after {

        display: none;

    }

    nav button {

        padding: 15px 0;

        font-size: 12px;

    }

    .for-sticky ul li {

        padding: 10px 5px;

        font-size: 12px;

    }

    .second-sec .content h4 {

        font-size: 18px;

    }

    .second-sec .row {

        justify-content: space-between;

    }

    nav ul li a {

        color: #9aa1aa;

        padding: 10px 10px;

        font-size: 13px;

    }

    .zzq12wwz {

        display: none;

    }

    header li.dropdown .dropdown-menu .content a {

        font-size: 10px;

        padding: 10px 0;

    }

}



@media (max-width: 768px) {

    .aqaeee1c {

        display: none;

    }

    .first-pub .content-in h5 {

        font-size: 12px;

    }

    .testimonial-slider {

        display: block !important;

    }

    .testimonial-slider img {

        width: auto !important;

        margin: 0 auto 30px;

    }

    .solution {

        background-position: 100% -25px;

    }

    .first-pub .content-in h4 {

        font-size: 12.8px;

    }

    .bdr_cc {

        width: 120px;

        padding: 9px 1px !important;

        font-size: 11px !important;

    }

    .experience::before {

        width: 125px;

        height: 110px;

    }

    .br-1 h3,

    .inner-h2 {

        font-size: 25px;

    }

    .inner-p {

        font-size: 14px;

        line-height: 1.2;

    }

    .third-dist .content::before {

        font-size: 16px;

        left: -52%;

        width: 200px;

        padding: 4px;

    }

    .third-dist .content li {

        font-size: 12px;

    }

    .tab-bdr-none {

        border-right: none;

    }

    .first-pub .content-in h2 {

        font-size: 20px;

    }

    .first-pub .content-in h5 {

        font-size: 12px;

    }

    .first-pub .content-in h4 {

        font-size: 12.8px;

    }

    .first-pub .content-in p {

        font-size: 12px;

    }

    .first-pub .col-lg-4 h5 {

        font-size: 25px;

    }

    .first-pub .col-lg-4 h6:nth-child(1) {

        font-size: 16px;

    }

    .first-pub .col-lg-4 h3 {

        font-size: 23.5px;

    }

    .first-pub .col-lg-4 h6:nth-child(3) {

        font-size: 16.3px;

    }

    .first-pub {

        background-position: 56%;

    }

    .fourth-pub .content-in {

        margin-bottom: 30px;

    }

    nav ul li a {

        color: #9aa1aa;

        padding: 10px 10px;

        font-size: 12px;

    }

    .third-resource .content .in h5 {

        font-size: 18px;

        font-weight: 600;

    }

    #resource li,

    #resource p {

        font-size: 14px;

    }

    .third-resource .content .in h5 span {

        font-size: 15px;

        font-weight: 300;

    }

    .third-resource .content .in p {

        font-size: 13px !important;

    }

    .third-resource .content:hover .in {

        height: 100%;

        background: #ffffffbf;

    }

    .second-resource .content {

        margin: 0 0 25px;

    }

    nav ul li {

        padding: 10px 5px;

        font-size: 12px;

    }

    .first-about .content .d-content {

        padding: 10px;

    }

    nav button {

        padding: 12px;

        font-size: 12px;

    }

    .first-about .d-content h5 {

        margin: 0;

    }

    .first-about .d-content h5 span b {

        font-size: 18px;

    }

    .first-about .d-content h5 span {

        font-size: 13px;

    }

    .inner-banner h1 {

        font-size: 22px;

    }

    .f-content h4 {

        font-size: 16px;

        padding: 0 0 12px;

    }

    .inner-banner .content h6 {

        font-size: 12px;

        margin: 0 22px 10px;

    }

    .for-sticky ul li {

        padding: 10px 5px;

        font-size: 12px;

    }

    .banner h1 {

        font-size: 33px;

    }

    .banner .col-lg-5 img {

        transform: translate(22px, -58px) scale(1.2);

    }

    .abs-in h6 {

        font-size: 16px;

        line-height: 1.1;

    }

    .abs-in p {

        font-size: 13px;

        line-height: 1.1;

    }

    .abs-in {

        margin: 0 15px 0 75px;

        padding: 15px;

    }

    .first-sec .first h2 {

        font-size: 26px;

    }

    .heading p {

        font-size: 14px;

    }

    .second-sec .content {

        padding: 0;

    }

    .sec-bg-1,

    .sec-bg-2 {

        height: 222px;

        margin: 15px;

    }

    .sec-bg-1 p,

    .sec-bg-2 p {

        line-height: 1;

        font-size: 11px;

    }

    .sec-bg-1 h4,

    .sec-bg-2 h4 {

        font-size: 16px;

        line-height: 1;

        margin: 0 0 4px;

    }

    .sec-bg-1:before,

    .sec-bg-2:before {

        left: -15px;

        top: -15px;

        width: 15px;

    }

    .sec-bg-1:after,

    .sec-bg-2:after {

        top: -15px;

        left: -15px;

        height: 15px;

    }

    .sec-bg-1 .ss1221:after,

    .sec-bg-2 .ss1221:after {

        bottom: -15px;

        right: -15px;

        height: 15px;

    }

    .sec-bg-1 .ss1221:before,

    .sec-bg-2 .ss1221:before {

        bottom: -15px;

        right: -15px;

        width: 15px;

    }

    .services-sec .content h4 {

        font-size: 13px;

    }

    .services-sec .content p.fs_14 {

        font-size: 11px !important;

    }

    .services-sec .content.active {

        height: 222px;

        background: var(--color_2);

    }

    .btn-main {

        padding: 5px 9px;

        font-size: 12px;

    }

    .btn-main img {

        width: 12px;

    }

    .services-sec {

        height: 475px;

    }

    .solution button {

        font-size: 12px;

        padding: 8px;

    }

    .solution p {

        font-size: 14px !important;

        line-height: 1.1;

        margin: 0 0 10px;

    }

    .call-12123 h4 {

        font-size: 32px;

        margin: 0;

    }

    .call-12123 h5 {

        font-size: 20px;

        margin: 0;

    }

    .call-12123 p.m-0,

    .call-12123 p.mg-b-20 {

        font-size: 10px;

    }

    .call-12123 .mg-b-20 {

        margin-bottom: 0;

    }

    .research616 .content-2 .in:after {

        width: 66px;

        height: 111px;

    }

    .research-slide .owl-controls .owl-next {

        position: absolute;

        right: -33px;

    }

    .research-slide .owl-controls .owl-prev {

        position: absolute;

        left: -33px;

        top: 50%;

    }

    .research616 .content-2 span h6 {

        font-size: 16px;

    }

    .research616 .content-2 span h6 img {

        width: 12px;

    }

    .research616 .content-2 span h4 {

        font-size: 15px;

    }

    .research616 .content-2 span h3 {

        font-size: 30px;

    }

    .research616 .content-2 span:after {

        top: 25px;

        width: 108px;

        height: 67px;

    }

    .accordion-button {

        padding: 13px;

    }

    .ff-black {

        filter: brightness(0);

        width: 12px;

        height: 12px;

    }

    .accordion-body {

        padding: 1rem 0;

    }

    .subs h3 {

        font-size: 17px;

    }

    footer .subs button {

        width: 17em;

        border-radius: 0;

    }

    nav .vc {

        display: none;

    }

}



@media (max-width: 767px) {

    nav ul li a {

        color: #9aa1aa;

        padding: 10px 0;

        font-size: 11px;

    }

    nav button {

        padding: 10px 0;

        font-size: 10px;

    }

    .m-header .cont p span img {

        width: 20px;

        height: 20px;

    }

    .m-header .cont p spam,

    .m-header .cont p span {

        font-size: 9px !important;

    }

    .m-header {

        padding: 18px 0;

    }

    header .icon span,

    header .top p {

        font-size: 11px !important;

    }

    .for-sticky {

        display: none;

    }

}



@media (max-width: 575px) {

    .third-resource .content .in p {

        font-size: 16px !important;

    }

    .third-resource .content:hover .in {

        height: 60%;

        background: #ffffffbf;

    }

    .line-1:before,

    .line-2:before,

    .line-3:before,

    .line-4:before {

        display: none;

    }

    #advertise .inner-banner .content-area,

    #author .inner-banner .content-area,

    #edit .inner-banner .content-area,

    #fcc .inner-banner .content-area,

    #fii .inner-banner .content-area,

    #fl .inner-banner .content-area,

    #fo .inner-banner .content-area,

    #fund .inner-banner .content-area,

    #host .inner-banner .content-area,

    #ldc .inner-banner .content-area,

    #manage .inner-banner .content-area,

    #review .inner-banner .content-area {

        background-position: 70%;

    }

    .abs-in {

        margin: 0 15px 0 85px;

        padding: 15px;

    }

    .testimonial-slider {

        display: block !important;

    }

    .testimonial-slider img {

        width: auto !important;

        margin: 0 auto 30px;

    }

    .inner-h2 {

        font-size: 18px;

        margin: 15px 0 0;

    }

    .bdr_cc {

        width: 155px;

        padding: 12px 6px !important;

        font-size: 14px !important;

        margin: 0 0 15px;

    }

    .bdr_cc_w2 {

        width: 100% !important;

    }

    .main-inner-cc .menu .nav-tabss {

        display: block;

        text-align: center;

    }

    .m-header.sticky {

        position: fixed;

        width: 100%;

        top: 0;

        padding: 0;

        z-index: 999;

        animation: 0.8s ease-in-out 0s normal none 1 running slideInDown;

    }

    .m-header.sticky .menu-toggle {

        padding: 2px 15px;

        margin: 8px 0 0;

        font-size: 16px;

    }

    .m-header.sticky .menu-toggle i {

        width: auto;

        font-size: 22px;

        margin-right: 10px;

    }

    header .m-header.sticky img {

        width: 35%;

    }

    .second-services .hvr-content p {

        margin: 0;

        font-size: 15px;

    }

    .second-services .content .name p {

        display: none;

    }

    .second-services .name {

        bottom: 50%;

    }

    .second-services .content .hvr-content-mob {

        transform: translate(0, 0);

        opacity: 1;

        visibility: visible;

        left: 0;

    }

    .research616 .content-2 .in:after {

        width: 42px;

        height: 111px;

    }

    .f-content .icons {

        transform: translateX(0);

        width: 0%;

    }

    footer .col-lg-2 {

        padding: 0 10px;

    }

    footer .subs {

        padding: 15px;

        margin: 0;

    }

    footer {

        background-position: 0 -94px;

    }

    header .top .icons {

        float: unset;

        justify-content: center;

    }

    header .m-header {

        text-align: center;

        padding-bottom: 0;

    }

    header .m-header img {

        width: 60%;

    }

    .banner .content {

        z-index: 99;

        position: absolute;

        top: 20px;

        left: 20px;

    }

    .banner .content h6 {

        font-size: 14px;

    }

    .banner h1 {

        font-size: 26px;

        margin: 0;

    }

    .banner .content p {

        line-height: 1.2;

        font-size: 14px;

        width: 70%;

    }

    .banner .content-area {

        background: url(../images/m-banner.webp) no-repeat;

        background-size: cover;

        background-position: center;

    }

    .second-sec .content h4 {

        font-size: 18px;

    }

    .fourth-sec .row .col-lg-7 {

        background: #fff;

    }

    .fourth-sec .content p {

        color: #444 !important;

        font-size: 16px;

        margin: 25px 0 0;

    }

    .fourth-sec .content .in h2 {

        font-size: 25px;

    }

    .fourth-sec .single-news-content p {

        color: #fff !important;

    }

    .abs-in p,

    .first p,

    .fourth-sec p,

    .services-sec p,

    .third-sec p {

        font-size: 14px;

        line-height: 1.2;

    }

    .fourth-sec .content .in p {

        font-size: 14px;

        margin: 0 0 20px !important;

    }

    .services-sec {

        height: 100%;

    }

    .services-sec .content {

        margin: 0 0 30px;

    }

    .services-sec .serv {

        position: unset;

    }

    .solution .row.cz12 {

        display: flex;

        flex-direction: column-reverse;

    }

    .solution .cc .row .col-lg-6 .row .col-lg-6 {

        padding: 0 15px;

    }

    .solution .con {

        padding: 16px 0 0;

    }

    .solution .mg-b-60 {

        margin-bottom: 30px;

    }

    .solution button {

        font-size: 18px;

        padding: 14px;

        margin-bottom: 30px;

    }

    .call-12123 .m-img {

        height: 365px;

    }

    .call-12123 .swqq .col-6 {

        padding-right: 0;

    }

    .call-12123 h4 {

        font-size: 22px;

        margin: 0;

    }

    .call-12123 h5 {

        font-size: 16px;

        margin: 0;

    }

    .call-12123 p {

        font-size: 14px;

        line-height: 1.2;

        padding: 4px 0 8px;

        align-items: center;

    }

    .mg-gg-112 {

        margin-bottom: 5px;

        padding-top: 10px !important;

    }

    .mg-gg-112 span {

        padding-left: 6px;

        font-size: 12px;

    }

    .research616 {

        background-size: auto;

        background-position: 26%;

        padding-bottom: 0;

    }

    .research616 .col-lg-5 {

        background: #0e2c5e;

        padding-top: 20px;

        padding-bottom: 50px;

        margin-top: 25px;

    }

    .research616 .content-2 {

        padding: 0;

    }

    .research616 .content-2 h3 {

        font-size: 26px;

        margin: 0 0 10px;

        padding: 0 0 10px;

    }

    .research616 .content-2 p {

        font-size: 14px;

    }

    .research616 .content-2 span:after {

        top: 37px;

        width: 136px;

        height: 84px;

    }

    .research616 .content-2 span h6 {

        font-size: 24px;

    }

    .research616 .content-2 span h4 {

        font-size: 25px;

    }

    .research616 .content-2 span h3 {

        font-size: 48px;

    }

    .research616 .content-2 .in:after {

        width: 12px;

        height: 100%;

    }

    .switch {

        display: flex;

        flex-direction: column-reverse;

        justify-content: center;

        align-items: center;

        margin: 15px 0;

    }

    .accordion-button::before {

        width: 10px;

        height: 10px;

        top: 5px;

        right: 4px;

    }

    .last-cc .accordion {

        margin: 0 0 30px;

    }

    .f-copyright {

        text-align: center;

    }

    .f-copyright .fs_14 {

        font-size: 10px !important;

        line-height: 1.2;

        margin: 0 0 10px !important;

    }

    footer .subs button {

        width: 17em;

        border-radius: 0;

        padding: 8px 3px;

    }

    .br-1 h3 {

        font-size: 22px;

    }

    .inner-banner h1 {

        font-size: 25px;

    }

    .inner-banner .content h6 {

        margin: 0 22px 10px;

    }

    .inner-banner .content p {

        line-height: 1.3;

        font-size: 15px;

    }

    .first-about .content-in,

    .first-dist .content-in,

    .first-resource .content-in {

        margin-top: 30px;

    }

    .first-about .content-in p {

        margin: 0;

    }

    .first-about .content-in h2,

    .first-resource .content-in h2 {

        font-size: 26px;

    }

    .first-pub .content-in h2 {

        font-size: 18px;

        text-align: center;

    }

    .first-pub .content-in p {

        font-size: 14px;

        text-align: center;

    }

    .first-pub .content-in h4 {

        font-size: 16px;

        text-align: center;

    }

    .first-pub .content-in h5 {

        font-size: 16px;

        text-align: center;

    }

    .first-pub .content-in::before {

        display: none;

    }

    .first-pub .content-in {

        margin-bottom: 30px;

        padding: 0;

    }

    .second-about li,

    .second-about p,

    .third-about li,

    .third-about p {

        line-height: 1.1;

    }

    .second-about {

        padding-top: 20px;

        padding-bottom: 0;

    }

    .third-about {

        padding: 30px 0 20px;

    }

    .fourth-resource .content,

    .second-resource .content,

    .third-resource .content {

        margin: 0 0 25px;

    }

    .fourth-resource .content .in h5 {

        font-size: 24px;

    }

    .fourth-resource .content .in h5 span {

        font-size: 16px !important;

    }

    .btn-main {

        padding: 10px 9px;

        font-size: 14px;

    }

    .first-pub .col-lg-4 h6:nth-child(1) {

        font-size: 18px;

    }

    .first-pub .col-lg-4 h5 {

        font-size: 28px;

    }

    .first-pub .col-lg-4 h6:nth-child(3) {

        font-size: 20px;

    }

    .first-pub .col-lg-4 h3 {

        font-size: 35px;

    }

    .first-pub {

        background-position: 44%;

    }

    .fourth-pub p {

        font-size: 12px;

    }

    .fourth-pub p img {

        width: 3%;

    }

    .fourth-pub .col-lg-7 {

        margin-bottom: 30px;

    }

    .second-services .content {

        margin-bottom: 60px;

    }

    .third-dist .content::before {

        top: 54%;

        left: -37%;

        font-size: 19px;

        width: 215px;

    }

    .third-dist .content {

        width: 88%;

    }

    .third-dist .content ul {

        font-size: 18px !important;

    }

    .third-dist .content .head h6 {

        font-size: 22px;

    }

    .third-dist .content .head h4 {

        font-size: 45px;

    }

}



/* #header_modal .input1.error {

    border: 2px solid red;

    background: rgba(255, 0, 0, 0.26);

}



#header_modal .input1.error:focus,

#header_modal .input1.error:valid {

    border: 2px solid rgb(255, 255, 255);

    background: rgb(255, 255, 255);

}



.required {

    color: red;

    font-size: 13px;

    display: none;

}



.header_modal .modal-dialog {

    max-width: 340px;

    margin: 1.75rem auto;

    text-align: center;

} */



#recaptcha_callback2,

#recaptcha_callback {

    display: none;

}

.contacterr,

.emailerr {

    color: red;

    font-size: 14px;

    margin: -8px 0 10px;

    display: none;

}

.grecaptcha-badge {

    display: none;

    opacity: 0;

    visibility: hidden;

}



form .error{

    border: 1px solid #ff0000 !important;

}



#mform .contacterr{

    font-size: 12px;

    margin: -17px 0 5px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: 0.2px;

}



#mform .emailerr {

    font-size: 12px;

    margin: -15px 0 10px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: 0.2px;

}



#footer_form{

    position: relative;

}





#footer_form .contacterr{

    color: white;

    font-size: 12px;

    margin: 0;

    position: absolute;

    top: -20px;

    left: 0;

    line-height: 1;

    font-weight: 500;

}





#footer_form .emailerr{

    color: white;

    font-size: 12px;

    margin: 0;

    position: absolute;

    bottom: -20px;

    left: 0;

    line-height: 1;

    font-weight: 500;

}