@font-face {
    font-family: 'Wulkan Display';
    src: url(/themes/wits-basic/fonts/WulkanDisplayBold.eot);
    src: url(/themes/wits-basic/fonts/WulkanDisplayBold.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/WulkanDisplayBold.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/WulkanDisplayBold.woff) format('woff'),
        url(/themes/wits-basic/fonts/WulkanDisplayBold.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/WulkanDisplayBold.svg#WulkanDisplayBold) format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wulkan Display';
    src: url(/themes/wits-basic/fonts/WulkanDisplaySemiBold.eot);
    src: url(/themes/wits-basic/fonts/WulkanDisplaySemiBold.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/WulkanDisplaySemiBold.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/WulkanDisplaySemiBold.woff) format('woff'),
        url(/themes/wits-basic/fonts/WulkanDisplaySemiBold.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/WulkanDisplaySemiBold.svg#WulkanDisplaySemiBold) format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wulkan Display';
    src: url(/themes/wits-basic/fonts/WulkanDisplaySemiBoldItalic.eot);
    src: url(/themes/wits-basic/fonts/WulkanDisplaySemiBoldItalic.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/WulkanDisplaySemiBoldItalic.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/WulkanDisplaySemiBoldItalic.woff) format('woff'),
        url(/themes/wits-basic/fonts/WulkanDisplaySemiBoldItalic.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/WulkanDisplaySemiBoldItalic.svg#WulkanDisplaySemiBoldItalic) format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Wulkan Display';
    src: url(/themes/wits-basic/fonts/WulkanDisplayBoldItalic.eot);
    src: url(/themes/wits-basic/fonts/WulkanDisplayBoldItalic.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/WulkanDisplayBoldItalic.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/WulkanDisplayBoldItalic.woff) format('woff'),
        url(/themes/wits-basic/fonts/WulkanDisplayBoldItalic.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/WulkanDisplayBoldItalic.svg#WulkanDisplayBoldItalic) format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}



html,
body {
    position: relative;
    overflow-x: hidden;
    font-family: 'Poppins'
}

.dir {
    direction: ltr;
    text-align: left;
}

.alignR {
    text-align: right;
}

.alignL {
    text-align: left;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.MenuItem {
    font-family: "Poppins";
    padding-left: 30px;
}

.MenuItemM {
    font-family: "Poppins";
}

.closemenu {
    font-family: "Poppins";
}

.footerItem {
    font-family: "Poppins";
}

.footerItem a {
    font-family: "Poppins";
}

.footermobile {
    font-family: "Poppins";
}

.footeremail {
    font-family: "Poppins";
}

.contactTitle {
    font-family: "Wulkan Display";
}

.alittle {
    font-family: "Poppins";
}

.aboutus {
    font-family: "Wulkan Display";
}

.responsibility {
    font-family: "Wulkan Display";
}

.aboutdesc {
    font-family: "Poppins";
}

.aboutdesc em {
    font-family: "Wulkan Display" !important;
}


.srvctab a {
    font-family: "Poppins";
}


.srctit {
    font-family: "Wulkan Display";
    line-height: 37px;
}

.srvdesc {
    font-family: "Poppins";
}

.srvbtn {
    font-family: "Poppins";
}

.catbtn {
    font-family: "Poppins";
}

.expectname {
    font-family: "Poppins";
}

.categorytit {
    font-family: "Wulkan Display";
}

.categorydesc {
    font-family: "Poppins";
}


.catname {
    font-family: "poppins";
}

.catsubname {
    font-family: "Wulkan Display";
}

.storydesc {
    font-family: "Poppins";
}

.footermobile,
.footeremail {
    background-position: left;
    padding-left: 30px;
}

.contactinfo {
    background-position: left;
    padding-left: 60px;
}

.u-ml-auto {
    margin-left: auto;
}

.srvctab {
    margin-right: 5px;
    font-family: "Poppins";
}

.sr-img1 {
    margin-left: auto;
}

.catname {
    font-style: italic;
    font-weight: 600;
}

.catsubname {
    font-style: italic;
    font-weight: 400;
}


.bannertitle {
    font-family: "Poppins";
    font-size: 24px;
    text-transform: uppercase;
}

.bannerdesc {
    font-family: "Wulkan Display";
    font-weight: 600;
}

.sr-arrowtop {
    position: absolute;
    top: -12px;
    left: 10%;
}

.sec1-right {
    position: relative;
    width: 100%;
    max-width: 490px;
    margin-left: auto;
}

.sec1-righttxt {
    position: relative;
    width: 100%;
    max-width: 385px;
    margin-left: auto;
    text-align: right;
}

.sec1-righttxt .title {
    font-family: "Wulkan Display";
    font-style: italic;
    font-weight: 600;
}

.hp_services .description {
    font-family: "Poppins";
}

.hp_services .title,
.foundername {
    font-family: "Wulkan Display";
}

.pl5 {
    /*padding-left: 50px;*/
    /*padding-left: 30px;*/
    padding-left: 0px;
  max-width: 1463px;
  margin-left: auto;
}

.abcircle,
.circle {
    width: 155px;
    /* 14%; */
}

.abcircle img,
.circle img {
    width: 100%;
}

.abcircle1 {
    position: absolute;
    top: -33%;
    right: 39%;
}

.abcircle2 {
    position: absolute;
    top: -26%;
    right: 6%;
}

.abcircle3 {
    position: absolute;
    top: -5%;
    right: -21%;
}

.abcircle4 {
    position: absolute;
    top: 28%;
    right: -33%;
}

.abcircle5 {
    position: absolute;
    bottom: 10%;
    right: -28%;
}

.abcircle6 {
    position: absolute;
    bottom: -18%;
    right: -9%;
}

.abcircle7 {
    position: absolute;
    bottom: -32%;
    left: 49%;
}

.abcircle8 {
    position: absolute;
    bottom: -30%;
    left: 15%;
}


.circle1 {
    position: absolute;
    top: 32%;
    left: -33%;
}

.circle2 {
    position: absolute;
    top: -1%;
    left: -25%;
}

.circle3 {
    position: absolute;
    top: -24%;
    left: 0%;
}

.circle4 {
    position: absolute;
    bottom: -31%;
    left: 58%;
}

.circle5 {
    position: absolute;
    bottom: -13%;
    right: -15%;
}

.abouttxt {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 27px;
    line-height: 74px;
    text-transform: uppercase;
    color: #000000;
}


.founders {
    font-family: "Wulkan Display";
    font-size: 60px;
    font-weight: 500;
    line-height: 74px;
    color: #000000;
}

.aboutimgR {
    text-align: center;
}

@media (min-width: 768px) {
    .aboutimgR {
        text-align: right;
    }
}

@media screen and (max-width: 991px) {
    .abcircle {
        width: 86.4px;
    }

    .abcircle1 {
        position: absolute;
        top: -55%;
        right: 5%;
        width: 131.2px !important;
    }

    .abcircle2 {
        position: absolute;
        top: -11%;
        right: 2%;
    }

    .abcircle3 {
        position: absolute;
        top: -20%;
        right: 37%;
    }

    .abcircle4 {
        position: absolute;
        top: -11%;
        left: 2%;
    }

    .abcircle5 {
        position: absolute;
        bottom: -11%;
        right: 2%;
    }

    .abcircle6 {
        position: absolute;
        bottom: -20%;
        right: 37%;
    }

    .abcircle7 {
        position: absolute;
        bottom: -55%;
        left: 5%;
        width: 131.2px !important;
    }

    .abcircle8 {
        position: absolute;
        bottom: -11%;
        left: 2%;
    }

    .circle {
        width: 90px;
    }

    .circle1 {
        position: absolute;
        top: -15%;
        left: 1%;
    }

    .circle2 {
        position: absolute;
        top: -15%;
        right: 1%;
        left: unset;
    }

    .circle3 {
        position: absolute;
        top: -22%;
        left: 35%;
    }

    .circle4 {
        position: absolute;
        bottom: -23%;
        /*! right: 2%; */
        left: 34%;
    }

    .circle5 {
        position: absolute;
        bottom: -16%;
        right: 1%;
    }
}

@media screen and (max-width: 768px) {



    .pl5 {
        padding-left: 20px;
    }

    .sr-img2-bottom,
    .sr-img2-center {
        left: 20px;
    }

    .bannertitle {
        font-size: 20px;
    }


    .abouttxt {
        font-size: 20px;
        line-height: 64px;
    }


    .founders {
        font-size: 50px;
        line-height: 64px;
    }

}