﻿/*enquiry*/
.enq_content {
    padding: 35px 15px 20px;
}

.frm-cnt {
    border-radius: 0px 0px 10px 10px;
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    padding: 30px 20px 60px 20px;
}

.enq-frm {
    padding: 20px 10px 20px 10px;
    border-radius: 10px 10px 0px 0px;
}

    .enq-frm > h4 {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .enq-frm > p {
        font-size: 14px;
        line-height: 23px;
        padding: 0 0px 0 0;
    }

.frm-itm {
    padding: 15px 0 0;
}

    .frm-itm.EnqcaptchWrap {
        padding: 20px 10px 0 0;
    }

.cnt-bx {
    padding: 0 20px 0 50px;
}

.cal-us > img, .email > img, .adrs > img, .flw-us > img {
    left: -50px;
}

.EnqcaptchWrap .realperson-challenge:after {
    right: 1px;
    top: -4px;
    font-size: 14px;
}

.enq-frm > h1 {
    font-size: 30px;
}

.cal-us > p, .email > p, .adrs > p, .flw-us > p {
    font-size: 14px;
}

.cal-us > span, .email > span, .adrs > span, .flw-us > span {
    font-size: 14px;
}

.frm-cnt > h3 {
    font-size: 20px;
}

.Enqcaptcha {
    margin-top: -12px;
    margin-left: 0px;
}

.Enqcaptch-mn {
    margin-top: -17px;
}

.enq-cnt {
    margin: 25px 0px 25px 0px;
    padding: 10px;
}

.frm-itm > input {
    font-size: 14px;
}

.btn-sbt {
    margin: 25px 0 0 0;
}

.EnqcaptchWrap > label {
    left: 52%;
}

.EnqcaptchWrap .realperson-challenge {
    width: 50%;
}

.EnqcaptchWrap > input {
    width: 46%;
}

.EnqcaptchWrap .realperson-text {
    font-size: 2px;
}

.enq-sociallinks > a {
    width: 30px;
    height: 30px;
    padding: 7px 5px;
    margin-right: 0;
}

    .enq-sociallinks > a > i {
        font-size: 18px;
        line-height: 18px;
    }

/*site map*/
.sitemapWrapper {
    padding: 25px 0 30px;
}

    .sitemapWrapper h2 {
        font-size: 26px;
        line-height: 28px;
    }

.sitemapContent > ul > li {
    padding: 0 0 0 15px;
}

    .sitemapContent > ul > li > a {
        font-size: 14px;
        line-height: 25px;
    }

/*enquiry*/
.enquiry_wrapper {
    margin-top: 0px;
    position: relative;
}

.enq_content {
    position: relative;
    padding: 40px 0;
}

.EnqRounds {
    position: absolute;
    top: -300px;
    right: -150px;
    display: block;
    margin: 0;
    padding: 0;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    background: #fdfcfc;
    z-index: -3;
}

    .EnqRounds:before {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -200px;
        right: 50%;
        margin-right: -200px;
        width: 400px;
        height: 400px;
        border-radius: 50%;
        background: #fdd;
        z-index: -1;
    }

    .EnqRounds:after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -275px;
        right: 50%;
        margin-right: -275px;
        width: 550px;
        height: 550px;
        border-radius: 50%;
        background: #fdf4f4;
        z-index: -2;
    }

.enq-frm {
    background-color: #fff;
    padding: 40px 100px 65px 55px;
    border: 2px solid #d9dde0;
    border-radius: 10px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
}

    .enq-frm > h1 {
        display: block;
        margin: 0;
        padding: 0;
        font-family: var(--boldFnt);
        font-size: 36px;
        line-height: 45px;
        color: var(--Blue);
    }

    .enq-frm > h4 {
        display: block;
        margin: 0;
        padding: 0;
        color: var(--Red);
        font-size: 24px;
        line-height: 40px;
        font-family: var(--lightFnt);
    }

    .enq-frm > p {
        display: block;
        margin: 0;
        font-family: var(--lightFnt);
        font-size: 15px;
        line-height: 26px;
        padding: 0 27px 0 0;
    }

.frm-itm {
    padding: 30px 10px 0 0;
    position: relative;
}

    .frm-itm > label {
        color: #009bd6;
        font-family: var(--lgiht);
        font-size: 15px;
        line-height: 22px;
        display: block;
        margin: 0;
        font-weight: normal;
    }

    .frm-itm > input {
        border: none;
        border-bottom: 2px solid #e8e8e8;
        border-radius: 0px;
        color: #000;
        width: 100%;
        height: 25px;
        font-size: 16px;
    }

    .frm-itm > textarea {
        border: none;
        border-bottom: 2px solid #e8e8e8;
        border-radius: 0px;
        color: #000;
        width: 100%;
        max-height: 45px;
        font-size: 16px;
    }

    .frm-itm > input:focus {
        box-shadow: none !important;
        border-bottom: 1px solid #000;
    }

.frm-cnt {
    background: var(--Blue);
    padding: 60px 20px 100px 55px;
    border-radius: 0px 10px 10px 0px;
    width: 95%;
    box-shadow: 0 0 37px -2px rgb(9 55 132 / 80%);
    position: relative;
}

    .frm-cnt > h3 {
        color: #c1eeff;
        font-size: 24px;
        display: block;
        margin: 0;
        padding: 0;
        font-family: var(--boldFnt);
    }

.cal-us, .email, .adrs, .flw-us {
    margin: 25px 0px 0px 0px;
    color: #fff;
    position: relative;
}

    .cal-us > img, .email > img, .adrs > img, .flw-us > img {
        background-color: #042356;
        color: #fff;
        display: block;
        width: 35px;
        height: 35px;
        position: absolute;
        top: 2px;
        left: -65px;
        text-align: center;
        padding: 5px;
        border-radius: 4px;
    }

    .cal-us > p, .email > p, .adrs > p, .flw-us > p {
        font-family: var(--regularFnt);
        font-size: 15px;
        margin: 0;
    }

    .adrs > span, .flw-us > span {
        font-size: 17px;
        color: #bcd8e2;
        display: block;
    }

    .cal-us > span, .email > span {
        font-size: 17px;
        color: #bcd8e2;
        display: block;
    }

        .cal-us > span > a, .email > span > a {
            color: #bcd8e2;
        }

            .cal-us > span > a:hover, .email > span > a:hover {
                color: #c1eeff;
            }

.cnt-bx {
    padding: 0 20px 0 60px;
}

.scl-media {
    position: absolute;
    left: -10px;
    top: 30px;
}

.EnqcmnSelect {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    border-radius: 6px;
    background: #fff;
    position: relative;
    color: #808080;
    z-index: 1;
    border: none;
    border-bottom: 2px solid #e8e8e8;
    border-radius: 0px;
}

    .EnqcmnSelect:after {
        content: '\f107';
        position: absolute;
        top: 6px;
        right: 14px;
        font-family: "FontAwesome";
        font-size: 20px;
        line-height: 26px;
        color: var(--black);
        z-index: -1;
    }

.Enqproductdrp > span {
    display: block;
    font-size: 14px;
    color: #aad42f;
    padding-bottom: 3px;
}

.Enqproductdrp > a {
    display: block;
    width: 100%;
    height: 25px;
    border: none;
    border-radius: 5px;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    background: #fff;
    color: #5d5b5b;
    position: relative;
    overflow: hidden;
}

    .Enqproductdrp > a:after {
        content: "\f107";
        position: absolute;
        right: 0;
        top: 0;
        font: normal normal normal 28px/1 FontAwesome;
        font-size: 22px;
        line-height: 22px;
    }

.btn-sbt {
    background: var(--Red);
    color: #fff;
    width: 120px;
    height: 39px;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    margin: 37px 0 0 0;
    float: right;
    transition: all 0.5s ease;
}

    .btn-sbt:hover {
        background: var(--Blue);
    }

.enq-cnt {
    border: 2px solid #d9dde0;
    border-radius: 10px;
    margin: 60px 0px 60px 0px;
    padding: 30px;
}

    .enq-cnt > ul > li {
        padding: 20px 9px 10px 9px;
    }

.EnqcaptchWrap {
    display: block;
    padding: 22px 0 0;
    margin: 25px 0 0;
    width: 100%;
    background: #fff;
}

    .EnqcaptchWrap > label {
        position: absolute;
        top: 0;
        left: 46%;
    }

    .EnqcaptchWrap > input {
        position: relative;
        height: 35px;
        width: 56%;
        font-size: 18px;
        float: right;
    }

    .EnqcaptchWrap .realperson-challenge {
        width: 44%;
        height: 30px;
        float: left;
        position: relative;
        padding: 10px 35px 10px 5px;
        background-color: #F4F4F4;
        display: block;
        color: var(--black);
        text-align: left;
        cursor: pointer;
        border-radius: 0px;
    }

        .EnqcaptchWrap .realperson-challenge:after {
            right: 1px;
            top: -3px;
            content: "\f021";
            position: absolute;
            font: normal normal normal 20px/40px FontAwesome;
            color: var(--black);
            width: 30px;
            text-align: center;
            font-size: 15px;
        }

    .EnqcaptchWrap .realperson-text {
        font-family: "Courier New",monospace !important;
        font-size: 4px;
        font-weight: bold;
        letter-spacing: -1px;
        line-height: 2px;
        color: var(--black);
    }

    .EnqcaptchWrap .realperson-regen {
        display: none;
        padding-top: 4px;
        font-size: 12px;
        text-align: center;
        cursor: pointer;
    }

.Enqcaptcha {
    margin-top: -12px;
    margin-left: 20px;
}

.EnqcmnSelect.productdrp.Enqproductdrp > a {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 5px;
    padding: 0 20px 0 4px;
    font-size: 18px;
    background: #fff;
    color: #000000;
    font-weight: 600;
    position: relative;
    line-height: 36px;
    overflow: hidden;
}

    .EnqcmnSelect.productdrp.Enqproductdrp > a:after {
        content: "\f107";
        position: absolute;
        right: 0;
        top: 7px;
        font: normal normal normal 16px/1 FontAwesome;
        color: #807c7c;
    }

.contactdetails > .sociallinks > a:first-child {
    margin-left: 0;
}

.enq-sociallinks {
    text-align: left;
    padding-left: 8px;
    display: inline-flex;
}

    .enq-sociallinks > a {
        margin-right: 5px;
        display: inline-block;
        width: 35px;
        height: 35px;
        background: #ddd;
        border-radius: 50%;
        text-align: center;
        padding: 10px 6px;
        transition: all 0.2s ease;
    }

        .enq-sociallinks > a > i {
            display: block;
            color: #fff;
            font-size: 20px;
            line-height: 18px;
        }

        .enq-sociallinks > a.facebook {
            background-color: #3b5998;
        }

        .enq-sociallinks > a.twitter {
            background-color: #26a6d1;
            background-image: url(../images/Twitter_icon.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 45%;
        }

        .enq-sociallinks > a.linkedin {
            background-color: #0070c0;
        }

        .enq-sociallinks > a.instagram {
            background-color: #eb4b68;
        }

        .enq-sociallinks > a.youtube {
            background-color: #ff264d;
        }

        .enq-sociallinks > a:hover {
            background-color: #fff;
        }

        .enq-sociallinks > a.facebook:hover > i {
            color: #3b5998;
        }

        .enq-sociallinks > a.twitter:hover > i {
            color: #26a6d1;
        }
        .enq-sociallinks > a.twitter:hover {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cpath id='twitter_icon' d='M28.063,10.586,37.37,0H35.165L27.084,9.191,20.629,0H13.185l9.76,13.9L13.185,25h2.206l8.534-9.707L30.741,25h7.444L28.063,10.586Zm-3.021,3.436-.989-1.384L16.185,1.625h3.388l6.35,8.888.989,1.384,8.254,11.553H31.778l-6.736-9.427Z' transform='translate(-13.185)' fill='%2326a6d1'/%3E%3C/svg%3E");
            background-size: 45%;
            background-position: center;
            background-repeat: no-repeat;
        }

        .enq-sociallinks > a.linkedin:hover > i {
            color: #0070c0;
        }

        .enq-sociallinks > a.instagram:hover > i {
            color: #eb4b68;
        }

        .enq-sociallinks > a.youtube:hover > i {
            color: #ff264d;
        }

/*site map*/
.sitemapWrapper {
    padding: 70px 0;
    min-height: 400px;
}

    .sitemapWrapper h2 {
        display: block;
        margin: 0;
        padding: 0;
        font-family: var(--boldFnt);
        font-size: 36px;
        line-height: 45px;
        color: var(--Blue);
    }

.sitemapContent {
    display: block;
    padding: 20px 0 0;
    margin: 0;
}

    .sitemapContent > ul {
        display: block;
        margin: 0 0 15px;
        padding: 0px;
    }

        .sitemapContent > ul > li {
            display: block;
            margin: 0;
            padding: 0 0 6px 18px;
            position: relative;
        }

            .sitemapContent > ul > li:after {
                content: '';
                display: block;
                position: absolute;
                top: 6px;
                left: 0;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: var(--Skyblue);
            }

            .sitemapContent > ul > li > a {
                display: inline-block;
                margin: 0;
                padding: 0;
                font-family: var(--lightFnt);
                font-size: 16px;
                line-height: 25px;
                color: #171717;
            }

                .sitemapContent > ul > li > a:hover {
                    color: var(--Skyblue);
                }

@charset "utf-8";

@media only screen and (min-width : 1200px) {
    /*about us*/ .aboutCompanySection {
        padding: 35px 0 70px;
    }

    /*enquiry*/
    .EnqcaptchWrap > input {
        width: 54%;
    }

    .EnqcaptchWrap > label {
        left: 46%;
    }

    .EnqcaptchWrap .realperson-challenge {
        width: 44%;
    }

    .cal-us > span, .email > span {
        font-size: 20px;
    }
}

@media screen and (min-width: 1300px) {
}

@media screen and (min-width: 1440px) {
    /*about us*/ .aboutRounds {
        right: -225px;
    }
}

@media screen and (min-width: 1600px) {
    /*about us*/ .aboutRounds {
        width: 900px;
        height: 900px;
        right: -175px;
    }

        .aboutRounds:before {
            margin-top: -275px;
            margin-right: -275px;
            width: 550px;
            height: 550px;
        }

        .aboutRounds:after {
            margin-top: -350px;
            margin-right: -350px;
            width: 700px;
            height: 700px;
        }

    .aboutusContent > p {
        font-size: 18px;
        line-height: 35px;
    }

    .aboutCmpnyContant > p {
        font-size: 18px;
        line-height: 30px;
    }

    .lookingAheadContent > h4 {
        font-size: 24px;
        line-height: 45px;
    }

    .lookingAheadContent > p {
        font-size: 18px;
        line-height: 30px;
    }

    .qualityPolicyConatant > h4 {
        font-size: 24px;
        line-height: 45px;
    }

    .qualityPolicyConatant > p {
        font-size: 18px;
        line-height: 30px;
    }

    /*products in news*/
    .prdctnewsblock p {
        font-size: 18px;
        line-height: 25px;
    }

    .prdctInNewsRounds {
        width: 900px;
        height: 900px;
        right: -175px;
        top: -500px;
    }

        .prdctInNewsRounds:before {
            margin-top: -275px;
            margin-right: -275px;
            width: 550px;
            height: 550px;
        }

        .prdctInNewsRounds:after {
            margin-top: -350px;
            margin-right: -350px;
            width: 700px;
            height: 700px;
        }

    /*enquiry*/
    .enq-frm > p {
        font-size: 18px;
        line-height: 30px;
    }

    .EnqRounds {
        width: 900px;
        height: 900px;
        right: -175px;
        top: -500px;
    }

        .EnqRounds:before {
            margin-top: -275px;
            margin-right: -275px;
            width: 550px;
            height: 550px;
        }

        .EnqRounds:after {
            margin-top: -350px;
            margin-right: -350px;
            width: 700px;
            height: 700px;
        }
}

@media only screen and (max-width: 1200px) {
    .enq-frm {
        padding: 40px 46px 65px 55px;
    }

    .EnqcaptchWrap .realperson-text {
        font-size: 3px;
        letter-spacing: unset;
    }

    .EnqcaptchWrap .realperson-challenge {
        width: 48%;
    }

    .EnqcaptchWrap > input {
        width: 50%;
    }

    .EnqcaptchWrap > label {
        left: 50%;
    }
}

@media only screen and (max-width: 992px) {
    .staticmainwrapper {
        margin: 60px 0 0;
    }

    /*about us*/
    .aboutUsSection {
        padding-top: 60px;
    }

    .aboutUsImage {
        max-width: 300px;
        margin: 0 auto;
    }

    .aboutusContent {
        padding: 20px 0 0;
    }

        .aboutusContent > h1 {
            font-size: 25px;
            line-height: 25px;
        }

        .aboutusContent > p {
            padding: 15px 0 0;
        }

    .aboutCmpnyContant {
        padding: 0;
    }

        .aboutCmpnyContant > h4 {
            padding: 17px 0 6px;
            font-size: 20px;
            line-height: 25px;
        }

    .aboutCompanySection {
        padding: 20px 0 30px;
    }

    .aboutRounds {
        display: none;
    }

    .lookingAheadContent {
        padding: 30px 10px 30px 20px;
    }

        .lookingAheadContent > p {
            padding: 10px 0 0;
            font-size: 16px;
            line-height: 24px;
        }

        .lookingAheadContent > h4 {
            margin: 0 0 8px;
            font-size: 20px;
            line-height: 25px;
        }

    .meetTheTeamSection {
        padding: 50px 0 25px;
    }

    .meetTeamHead > h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .qualityPolicySection {
        padding: 50px 0 25px;
    }

    .qualityPolicyConatant {
        padding: 40px 0;
    }

        .qualityPolicyConatant > h4 {
            font-size: 20px;
            line-height: 25px;
        }

        .qualityPolicyConatant > p {
            padding: 10px 0 0;
        }

    /*privacy policy*/
    .privacypolicywrap {
        padding: 35px 0;
    }

        .privacypolicywrap .privacycnt p {
            padding: 15px 0 0;
        }

        .privacypolicywrap .privacycnt h1 {
            font-size: 30px;
            line-height: 40px;
        }

    /*stock broking*/
    .cmnstockSection {
        padding: 60px 0 0;
    }

    .cmnContent {
        padding: 30px 0 30px 20px;
    }

    .cmnproductsSection {
        padding: 0 0 40px;
    }

    .cmnpoductswrap {
        padding: 20px;
    }

    .cmnImage {
        max-width: 400px;
        margin: 0 auto;
    }

    .cmnRounds {
        display: none;
    }

    .cmnprdtHead > b {
        padding: 0 0 30px 20px;
    }

    .cmnProductFormSec {
        padding: 0 0 60px;
    }

    .cmnformWrap {
        padding: 30px;
    }

    /*products in news*/
    .prdctInNewsRounds {
        display: none;
    }

    .prdctInNewsHead > h1 {
        font-size: 25px;
        line-height: 25px;
    }

    .prdctInNewsSection {
        padding-top: 60px;
    }

    .prdctInNewsPaginationWrpr {
        padding: 40px 0;
    }

    /*how it works*/
    .hiwbox {
        margin: 0 10px 30px 90px;
    }

    .hiwbox {
        padding: 30px 38px 30px 90px;
    }

        .hiwbox.brdrleft {
            border-radius: unset;
        }

        .hiwbox.brdrright {
            border-radius: unset;
        }

        .hiwbox > span {
            top: 20px;
            left: -73px;
            margin-left: 0;
        }

    /*enquiry*/
    .enq_content {
        padding: 30px 8px 20px;
    }

    .enq-frm {
        padding: 45px 30px 45px 30px;
        border-radius: 10px 10px 0px 0px;
    }

    .frm-cnt {
        padding: 60px 20px 100px 55px;
        border-radius: 0px 0px 10px 10px;
        margin-left: 1px;
        margin-top: 0px;
        width: 100%;
    }

    .EnqRounds {
        display: none;
    }

    .Enqcaptcha {
        margin-left: 20px;
    }

    /*site map*/
    .sitemapWrapper {
        min-height: auto;
    }

    .sitemapWrapper {
        padding: 35px 0;
    }

        .sitemapWrapper h2 {
            font-size: 30px;
            line-height: 40px;
        }
}

@charset "utf-8";

:root {
    --extralight: 'montserratextralight';
    --lightFnt: 'montserratlight';
    --regularFnt: 'montserratregular';
    --medium: 'montserratmedium';
    --bold: 'montserratbold';
    --Blue: #243d80;
    --Skyblue: #29aadc;
    --Red: #fd0d1b;
}

html {
    font-family: var(--lightFnt);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--lightFnt);
    font-size: 14px;
    background-color: #fafcff;
}

/*@font-face {
    font-family: 'montserratextralight';
    font-display: swap;
    src: url("../fonts/montserrat-extralight-webfont.eot");
    src: url("../fonts/montserrat-extralight-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/montserrat-extralight-webfont.woff2") format('woff2'), url("../fonts/montserrat-extralight-webfont.woff") format('woff'), url("../fonts/montserrat-extralight-webfont.ttf") format('truetype'), url("../fonts/montserrat-extralight-webfont.svg#montserratextralight") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratlight';
    font-display: swap;
    src: url("../fonts/montserrat-light-webfont.eot");
    src: url("../fonts/montserrat-light-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/montserrat-light-webfont.woff2") format('woff2'), url("../fonts/montserrat-light-webfont.woff") format('woff'), url("../fonts/montserrat-light-webfont.ttf") format('truetype'), url("../fonts/montserrat-light-webfont.svg#montserratlight") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    font-display: swap;
    src: url("../fonts/montserrat-regular-webfont.eot");
    src: url("../fonts/montserrat-regular-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/montserrat-regular-webfont.woff2") format('woff2'), url("../fonts/montserrat-regular-webfont.woff") format('woff'), url("../fonts/montserrat-regular-webfont.ttf") format('truetype'), url("../fonts/montserrat-regular-webfont.svg#montserratregular") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratmedium';
    font-display: swap;
    src: url("../fonts/montserrat-medium-webfont.eot");
    src: url("../fonts/montserrat-medium-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/montserrat-medium-webfont.woff2") format('woff2'), url("../fonts/montserrat-medium-webfont.woff") format('woff'), url("../fonts/montserrat-medium-webfont.ttf") format('truetype'), url("../fonts/montserrat-medium-webfont.svg#montserratmedium") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratbold';
    font-display: swap;
    src: url("../fonts/montserrat-bold-webfont.eot");
    src: url("../fonts/montserrat-bold-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/montserrat-bold-webfont.woff2") format('woff2'), url("../fonts/montserrat-bold-webfont.woff") format('woff'), url("../fonts/montserrat-bold-webfont.ttf") format('truetype'), url("../fonts/montserrat-bold-webfont.svg#montserratbold") format('svg');
    font-weight: normal;
    font-style: normal;
}*/
