@charset "utf-8";
/* CSS Document */
body{ width:100%; padding:0; margin:0; background:#fff; font-family: "Gilroy", Sans-serif; }
a{ outline:none; text-decoration:none; }

.all-btn{  background:#19BE04; border-radius:0 0 35px; padding:13px 65px 12px 17px; color:#fff; font-size:20px; line-height:22px; font-family: 'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; }
a:focus, a:hover{ outline:none; text-decoration:none; }

ul{ padding:0; margin:0; list-style:none; }
@media screen and (min-width: 1400px) { 
	.container{ max-width:1310px; }
}
/* ___________________ Fontface Start ______________________*/
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype'),
        url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Heavy.eot');
    src: url('../fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('../fonts/Gilroy-Heavy.woff') format('woff'),
        url('../fonts/Gilroy-Heavy.ttf') format('truetype'),
        url('../fonts/Gilroy-Heavy.svg#Gilroy-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype'),
        url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype'),
        url('../fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* ___________________ Fontface Ends _______________________*/

/* ___________________ Header Starts _______________________*/




.top-header{ margin:0; padding:25px 0; background:#12262F; }
.top-header .main-box{ margin:0; padding:0; display:flex; align-items:center; justify-content:space-between; }
.top-header .main-box .logo{ margin:0; padding:0; width:494px; }
.top-header .main-box .logo a{ padding:0; margin:0; background:transparent; display:inline-block; width:494px; }
.top-header .main-box .content{ margin:0; padding:0; }
.top-header .main-box .content h2{ font-family:'Gilroy'; font-size:40px; line-height:42px; font-weight:500; color:#fff; letter-spacing:0.02em; text-transform:uppercase; margin:0; padding:0; }
.top-header .main-box .button{ margin:0; padding:0; width:494px; display:flex; justify-content:flex-end; }
.top-header .main-box .button a{ margin:0; padding:0; display:inline-block; background:#19BE04; width:100px; height:100px; border-radius:5px; display:flex; align-items:center; justify-content:center; }
.top-header .main-box .button a i{ color:#fff; font-size:35px; }




.logo-color-sec{ margin:0; padding:45px 0; }
.logo-color-sec .lt-box{ margin:0; padding:0; }
.logo-color-sec .heading{ margin:0; padding:0 0 44px 0; }
.logo-color-sec .heading h2{ font-family:'Gilroy'; font-size:30px; line-height:32px; font-weight:600; color:#fff; letter-spacing:0.02em; text-transform:uppercase; margin:0; padding:21px 30px; background:#12262F; display:inline-block; position:relative; }
.logo-color-sec .heading h2:after{ content:""; position:absolute; width:25px; height:14px; background:#12262F; left:0; right:0; bottom:-14px; margin:0 auto; clip-path: polygon(100% 0, 0 0, 50% 100%); }
.logo-color-sec .lt-box .box{ margin:0; padding:0; background:#12262F; width:100%; height:250px; display:flex; align-items:center; justify-content:center; }
.logo-color-sec .lt-box .box .image{ margin:0; padding:0; width:90%; }
.logo-color-sec .lt-box .box .image img{ width:100%; height:auto; line-height:0; }
.logo-color-sec .lt-box .col-lg-6:nth-child(2) .box{ background:#E7E9EA; }


.logo-color-sec .rt-box{ margin:0; padding:0; }
.logo-color-sec .rt-box .main-block{ margin:0 0 15px 0; padding:0; display:flex; justify-content:space-between; }
.logo-color-sec .rt-box .main-block .color-box{ margin:0; padding:0; width:19%; height:116px; background:#19BE04; display:flex; align-items:center; justify-content:center; }
.logo-color-sec .rt-box .main-block .color-box h3{ font-family:'Gilroy'; font-size:25px; line-height:27px; font-weight:500; color:#fff; letter-spacing:0.02em; text-transform:uppercase; margin:0; padding:0; }

.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(1) .main-block .color-box:nth-child(2){ background:#12262F; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(1) .main-block .color-box:nth-child(3){ background:#E7E9EA; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(1) .main-block .color-box:nth-child(3) h3{ color:#000; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(1) .main-block .color-box:nth-child(5) h3{ color:#000; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(1) .main-block .color-box:nth-child(4){ background:#000000; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(1) .main-block .color-box:nth-child(5){ background:#D8D8D8; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(2) .main-block .color-box:nth-child(1){ background:#E7E7E7; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(2) .main-block .color-box:nth-child(2){ background:#E4EBED; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(2) .main-block .color-box:nth-child(3){ background:#BDC2C4; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(2) .main-block .color-box:nth-child(4){ background:#D0D4D5; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(2) .main-block .color-box:nth-child(5){ background:#5CEA53; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(2) .main-block .color-box:nth-child(5) h3{ color:#fff; }
.logo-color-sec .col-lg-7.col-md-12 .rt-box .col-lg-12:nth-child(2) .main-block .color-box h3{ color:#000; }



.button-typography{ margin:0; padding:0; }
.button-typography .heading{ margin:0; padding:0 0 44px 0; }
.button-typography .heading h2{ font-family:'Gilroy'; font-size:30px; line-height:32px; font-weight:600; color:#fff; letter-spacing:0.02em; text-transform:uppercase; margin:0; padding:21px 30px; background:#12262F; display:inline-block; position:relative; }
.button-typography .heading h2:after{ content:""; position:absolute; width:25px; height:14px; background:#12262F; left:0; right:0; bottom:-14px; margin:0 auto; clip-path: polygon(100% 0, 0 0, 50% 100%); }


.button-typography .main-box{ margin:0; padding:0; }
.button-typography .main-box .banner-big-btn{ margin:0 0 15px 0; padding:0; }
.button-typography .main-box .banner-big-btn a{ display:inline-block; }

.button-typography .main-box .banner-big-btn .btn-box{ margin:0; padding:0; display:flex; align-items:center; background:#D8D8D8; padding:10px 25px; border-radius:0px 0px 80px 1px; align-items:center; }
.button-typography .main-box .banner-big-btn .btn-box .icon{ margin:0 12px 0 0; padding:0; }

.button-typography .main-box .banner-big-btn .btn-box .text{ margin:0; padding:0; }
.button-typography .main-box .banner-big-btn .btn-box .text h3{ font-size:20px; font-weight:700; text-transform:uppercase; color:#12262f; letter-spacing:0.02em; margin:0; padding:0; }
.button-typography .main-box .banner-big-btn .btn-box .text p{ font-size: 18px; color: #12262f; margin-bottom: 8px; font-weight:400; }
.button-typography .main-box .banner-big-btn .btn-box .text h5{ font-size: 18px; color: #12262f; text-decoration: none; font-weight:500; background:url(../images/dghdh.png) no-repeat right center; display:inline-block; padding-right:35px; }

.button-typography .main-box .advisory-small-btn{ border-radius:0 0 35px; padding:13px 30px 12px 54px; color:#fff; font-size:20px; line-height:22px; font-family:'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; background:#19BE04 url(../images/button-icon.png) no-repeat 17px center; }
.button-typography .main-box .explore-btn{ border-radius:0 0 35px; padding:13px 64px 12px 17px; color:#12262F; font-size:20px; line-height:22px; font-family:'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; background:#D8D8D8 url(../images/explore-btn.png) no-repeat 92% center; }
.button-typography .main-box .story-btn{ border-radius:0 0 35px; padding:13px 60px 12px 17px; color:#fff; font-size:20px; line-height:22px; font-family:'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; background:#19BE04 url(../images/story-btn.png) no-repeat 90% center; }
.button-typography .main-box .business-btn{ border-radius:0 0 35px; padding:13px 40px 12px 17px; color:#12262F; font-size:20px; line-height:22px; font-family:'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; background:#D8D8D8; }
.button-typography .main-box .download-btn{ border-radius:0 0 35px; padding:13px 30px 12px 54px; color:#12262F; font-size:20px; line-height:22px; font-family:'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; background:#E7E7E7 url(../images/download-icon.png) no-repeat 17px center; }
.button-typography .main-box .call-btn{ border-radius:0 0 35px; padding:13px 30px 12px 54px; color:#fff; font-size:20px; line-height:22px; font-family:'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; background:#19BE04 url(../images/call-icon.png) no-repeat 17px center; }
.button-typography .main-box .subscribe-btn{  background:#19BE04; border-radius:0 0 35px; padding:13px 40px 12px 17px; color:#fff; font-size:20px; line-height:22px; font-family: 'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; }
.button-typography .main-box .down-all-btn{ border-radius:0 0 35px; padding:13px 40px 12px 58px; color:#fff; font-size:20px; line-height:22px; font-family: 'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; background:#19BE04 url(../images/download-2.png) no-repeat 17px center; }
.button-typography .main-box .read-btn{ border-radius:0 0 35px; padding:13px 40px 12px 48px; color:#fff; font-size:20px; line-height:22px; font-family: 'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; background:#19BE04 url(../images/read.png) no-repeat 17px center; }
.button-typography .main-box .talk-btn{ border-radius:0 0 35px; padding:13px 64px 12px 17px; color:#fff; font-size:20px; line-height:22px; font-family:'Gilroy'; font-weight:500; text-transform:uppercase; display:inline-block; transition:all 0.3s ease-in-out; margin:0 15px 15px 0; background:#19BE04 url(../images/right-arrow.png) no-repeat 95% center; }



.button-typography .right-box{ margin:0 0 40px 0; padding:0; border:2px solid #D0D4D5; }
.button-typography .right-box .heading{ margin:0; padding:0 0 44px 0; position:relative; top:-2px; left:-2px; }
.button-typography .right-box .heading h2{ font-family:'Gilroy'; font-size:30px; line-height:32px; font-weight:600; color:#fff; letter-spacing:0.02em; text-transform:uppercase; margin:0; padding:21px 30px; background:#12262F; display:inline-block; position:relative; }
.button-typography .right-box .heading h2:after{ content:""; position:absolute; width:25px; height:14px; background:#12262F; left:0; right:0; bottom:-14px; margin:0 auto; clip-path: polygon(100% 0, 0 0, 50% 100%); }


.button-typography .right-box .context-box{ margin:0; padding:0 15px 30px 25px; }
.button-typography .right-box .context-box ul{ margin:0; padding:0; }
.button-typography .right-box .context-box ul li.title{ font-family:'Gilroy'; font-size:50px; line-height:52px; font-weight:900; color:#12262F; letter-spacing:0.00em; text-transform:uppercase; margin:0; padding:0;padding-bottom:30px; }
.button-typography .right-box .context-box ul li span{ font-family:'Gilroy'; font-size:26px; line-height:28px; font-weight:400; color:#12262F; letter-spacing:0.02em; padding-left:70px; position:relative; }
.button-typography .right-box .context-box ul li span:after{ content:""; position:absolute; width:50px; height:2px; background:#12262F; left:0; bottom:15px; }
.button-typography .right-box .context-box ul li.subtitle{ font-family:'Gilroy'; font-size:30px; line-height:32px; font-weight:500; color:#12262F; letter-spacing:0.00em; text-transform:uppercase; margin:0; padding:0; padding-bottom:30px; }
.button-typography .right-box .context-box ul li.subtext{ font-family:'Gilroy'; font-size:20px; line-height:22px; font-weight:500; color:#12262F; letter-spacing:0.00em; margin:0; padding:0; padding-bottom:30px; }
.button-typography .right-box .context-box ul li.paragraph{ font-family:'Gilroy'; font-size:20px; line-height:30px; font-weight:400; color:#000; letter-spacing:0.02em; margin:0; padding:0; }



.button-typography .right-box .icon-box{ background:#fff; margin:0 0 50px 0;  padding:15px 0; }
.button-typography .right-box .icon-box ul{ margin:0; padding:0; display:flex; align-items:center; flex-wrap:wrap; flex: 0 0 auto; }
.button-typography .right-box .icon-box ul li{ margin:10px 10px 15px 10px; padding:0; width:10%; }

.button-typography .col-md-8 .col-lg-12:nth-child(2) .right-box .icon-box:nth-child(3) { background:#12262F; margin-bottom:0; }
























/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}
@media screen and (max-width: 1399px){




}



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



}

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






}



/*NEW GRID SYSTEM*/
@media screen and (max-width:768px){





}

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






}

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





}

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




}

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

}