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

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-ExtraBold.eot');
    src: url('../fonts/NewHero-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-ExtraBold.woff2') format('woff2'),
        url('../fonts/NewHero-ExtraBold.woff') format('woff'),
        url('../fonts/NewHero-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-UltraLight.eot');
    src: url('../fonts/NewHero-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-UltraLight.woff2') format('woff2'),
        url('../fonts/NewHero-UltraLight.woff') format('woff'),
        url('../fonts/NewHero-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'New Hero Hairline';
    src: url('../fonts/NewHero-HairlineItalic.eot');
    src: url('../fonts/NewHero-HairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-HairlineItalic.woff2') format('woff2'),
        url('../fonts/NewHero-HairlineItalic.woff') format('woff'),
        url('../fonts/NewHero-HairlineItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero Super';
    src: url('../fonts/NewHero-SuperItalic.eot');
    src: url('../fonts/NewHero-SuperItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-SuperItalic.woff2') format('woff2'),
        url('../fonts/NewHero-SuperItalic.woff') format('woff'),
        url('../fonts/NewHero-SuperItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-Light.eot');
    src: url('../fonts/NewHero-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-Light.woff2') format('woff2'),
        url('../fonts/NewHero-Light.woff') format('woff'),
        url('../fonts/NewHero-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-LightItalic.eot');
    src: url('../fonts/NewHero-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-LightItalic.woff2') format('woff2'),
        url('../fonts/NewHero-LightItalic.woff') format('woff'),
        url('../fonts/NewHero-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-ThinItalic.eot');
    src: url('../fonts/NewHero-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-ThinItalic.woff2') format('woff2'),
        url('../fonts/NewHero-ThinItalic.woff') format('woff'),
        url('../fonts/NewHero-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-Bold.eot');
    src: url('../fonts/NewHero-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-Bold.woff2') format('woff2'),
        url('../fonts/NewHero-Bold.woff') format('woff'),
        url('../fonts/NewHero-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-Thin.eot');
    src: url('../fonts/NewHero-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-Thin.woff2') format('woff2'),
        url('../fonts/NewHero-Thin.woff') format('woff'),
        url('../fonts/NewHero-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-MediumItalic.eot');
    src: url('../fonts/NewHero-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-MediumItalic.woff2') format('woff2'),
        url('../fonts/NewHero-MediumItalic.woff') format('woff'),
        url('../fonts/NewHero-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-UltraLightItalic.eot');
    src: url('../fonts/NewHero-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-UltraLightItalic.woff2') format('woff2'),
        url('../fonts/NewHero-UltraLightItalic.woff') format('woff'),
        url('../fonts/NewHero-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-ExtraBoldItalic.eot');
    src: url('../fonts/NewHero-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/NewHero-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/NewHero-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-BoldItalic.eot');
    src: url('../fonts/NewHero-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-BoldItalic.woff2') format('woff2'),
        url('../fonts/NewHero-BoldItalic.woff') format('woff'),
        url('../fonts/NewHero-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-RegularItalic.eot');
    src: url('../fonts/NewHero-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-RegularItalic.woff2') format('woff2'),
        url('../fonts/NewHero-RegularItalic.woff') format('woff'),
        url('../fonts/NewHero-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'New Hero';
    src: url('../fonts/NewHero-SemiBoldItalic.eot');
    src: url('../fonts/NewHero-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NewHero-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/NewHero-SemiBoldItalic.woff') format('woff'),
        url('../fonts/NewHero-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
/*Variables Included  */
:root {
    --primary-color : #041159;
    --secondary-color : #5CE8DA;
    --primary-font: 'New Hero';
    --secondary-font:'Rubik', sans-serif;
}
ol { padding-left: 0; counter-reset: item }
ol li{ display: block }
ol li:before { content: counters(item, ".") ". "; counter-increment: item }
/*typography Strat*/
h1 ,.h1                                     { font-size: 3.125rem; line-height: 1.197; font-family: var(--secondary-font); color:white; font-weight: 700; }
h5 , .h5                                    { color: var(--secondary-color); font-family: var(--secondary-font); font-size: 1.563rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; }
h6 , .h6                                    { color: var(--primary-color); font-family: var(--primary-font); font-size: 1rem; font-weight: 600; line-height: 1.2; }
p                                           { font-size: 1.063rem; line-height: 1.3; font-family: var(--primary-font); color:white; }
.big-p                                      { font-size: 24px; line-height: 1.3; color:#000; }
/*typography End*/
/*****common section start****/
*                                           { margin: 0px; padding: 0px; box-sizing: border-box; }
html,body                                   { font-size:16px; line-height:1.2; scroll-behavior: smooth; }
img                                         { border: 0px; max-width: 100%; }
ul                                          { list-style: none;}
a                                           { transition: all 0.5s ease; display: inline-block; }
a:hover, a:active,a:focus                   { text-decoration: none;}
a:focus, a:active, a:visited                { outline: none; border: 0px;}
.text-none                                  { text-transform: none !important; }
button.navbar-toggler                       { outline:0;}
.theme-btn                                  { padding:22px 47px; border-radius: 10px; background: var(--secondary-color); display: inline-block; color: var(--primary-color); font-family: var(--primary-font); font-size: 1.25rem; font-weight: 700; line-height: 1.5rem; text-transform: capitalize; text-decoration:none; transition: all 0.5s ease;  }
.theme-btn:hover                            { color:var(--secondary-color);  background-color: var(--primary-color);}
.title-box .h1 ,.title-box h2               { color:var(--primary-color); margin-top: 30px; }
.title-box .h5 ,.title-box p                { color:var(--secondary-color);}
/*****common section End****/
/* Container ReSize */
.container                                  { max-width: 1363px; }
/***Header-section Css Start****/
.header-section                             { padding:28px 0px; background: #FFF; box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.35); position: fixed; width:100%; top:0; z-index: 150; transition: all 0.5s ease-in-out;}
.header-section .navbar                     { padding:20px 0; }
.navbar-toggler                             { padding:8px 15px; border: 1px solid rgba(255,255,255,.1); }
.navbar-toggler-icon                        { height:auto; }
.navbar-expand-md .navbar-nav  li             { min-width:125px; margin:0 10px; text-align: center; }
.navbar-expand-md .navbar-nav .nav-link     { padding: 12px 2px;  position: relative; display: inline-block; color: var(--primary-color); font-family: var(--primary-font); font-size: 1.25rem; font-weight: 700; line-height: 1.5rem;   }
.navbar-expand-md .navbar-nav .nav-link::after { content: ""; display: block; width: 0; height: 2px; background-color: var(--primary-color); position: absolute; bottom: 0; left: 0;}
.navbar-expand-md .navbar-nav .nav-link:hover:after { animation: borderbottom 0.8s ease forwards; width: 100%; }
.btn-box .theme-btn                         { margin-left: 21px; }
/* Banner Section Start */
main                                        { padding-top: 136px; }
.banner-section                             { min-height: 700px; height: calc(100vh - 136px); background: url('../images/banner-bg.jpg')no-repeat center center/cover; display: flex; align-items: center; }
.banner-section h1 ,.banner-section .h1     { margin-bottom:30px; }
.banner-image                               { position: absolute; right:0; top:50%; transform: translateY(-50%); width: 50%; height:100%; }
.banner-desc                                { max-width: 90%; }
.banner-image img                           { height: 100%; }
.button-box                                 { margin-top: 23px; }
.button-box a:last-child                    { margin-left: 21px; }
.button-box a:hover                         { transform: scale(1.13); }
.scroll-down                                { position: absolute; bottom:24px; left:50%; transform: translate(-50%); }
.scroll-down a                              { color:white; text-decoration: none; font-family:var(--primary-font); font-size: 1.125rem; font-weight: 400;  }
.scroll-down a i                            { margin-top: 6px; font-size: 1.5rem; animation:scrolldown 1.8s ease infinite; }
/* .scroll-down a:hover                        { text-decoration: underline; } */
/* About Us Section Start */
.about-us-section                           { padding:117px 0 70px; }
.about-desc p                               { color:var(--primary-color); line-height: 1.4; }
.about-desc p:last-child                    { margin-bottom: 0; }
.about-desc                                 { margin-top:30px; max-width: 85%; }
/* About Us Section End */
/* Feature Section Start */
.feature-section                            { padding:100px 0 50px; }
.feature-wrapper                            { margin-top: 140px; }
.feature-wrapper ul                         { margin:0 -10px; padding-left: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.feature-wrapper ul li                      { padding:0 10px; margin-bottom:150px; width: calc(100%/4);}
.feature-item                               { padding:10px 25px 0; text-align: center; }
.feature-item .counter                      { color: #000; margin:77px auto 25px; display: inline-block; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; font-size: 2.25rem; font-weight: 700; line-height: 1.2; border-radius: 9px; border: 2px solid #D9D9D9; background: #FFF; }
.feature-item img                           { filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.25));}
/* Feature Section End */
/* collect badges section start */
.collect-badges-section                     { padding:100px 0; }
.collect-badges-section .image-box          { margin-right: 71px; position: absolute; right:0; top:50%; transform: translateY(-50%); width: 40%; }
.badges-desc-wrapper                        { margin:85px 0; padding: 92px 0; }
.badges-desc-wrapper:before                 { content:""; background: url('../images/banner-bg.jpg')no-repeat center center/cover; z-index: -1; position: absolute; top:0; left:0; width: 68%; height: 100%; border-radius:0 45px 45px 0px; }
.badges-desc-wrapper .title-box             { margin-bottom: 25px; }
.collect-badges-section .image-box img      { max-width: 70%; }
.collect-desc                               { max-width: 60%; }
.collect-badges-section .h1, .collect-badges-section h2   { max-width: 72%; }
/* reverse */
.collect-badges-section.reverse-section .image-box { margin-left: 67px; margin-right: 0; right: auto; left: 0;  }
.collect-badges-section.reverse-section .badges-desc-wrapper { text-align: right; }
.collect-badges-section.reverse-section .badges-desc-wrapper:before { left: auto; right:0; border-radius: 45px 0 0 45px; }
.collect-badges-section.reverse-section .badges-desc-wrapper .collect-desc{ margin-left: auto; margin-right: 0;  }
.collect-badges-section.reverse-section .title-box .h1,.collect-badges-section.reverse-section .title-box h2    { margin-left: auto; margin-right: 0; }
/* collect badges section end */
/* Download Danko Section Start */
.white-box h2 , .white-box .h1 , .collect-desc p { color:white; }
.download-danko-section                     { padding:110px 0; background: url('../images/banner-bg.jpg')no-repeat center center/cover; }
.download-danko-section .title-box          { margin-bottom: 50px; }
.info-wrap                                  { max-width: 63%;  }
.info-wrap  p                               { line-height: 1.4; }
.download-danko-section .button-box         { margin-top: 50px; }
.right-mobile-image img                     { position: absolute; right:0; bottom:0;  }
/* Download Danko Section End */
/* Footer Section  */
footer                                      { background: var(--primary-color); }
.footer-widgets                             { padding:90px 0; }
.footer-widgets ul                          { padding-left: 0; }
.footer-widgets li                          { margin-bottom: 20px; }
.footer-widgets li ,.footer-widgets li a    { color:white; color: #FFF; font-family: var(--primary-font); font-size: 1.063rem; font-weight: 400; line-height: 1.2; letter-spacing: -0.17px; }
.footer-widgets li a                        { text-decoration-line: underline;  }
.footer-widgets li a:hover                  { text-decoration: none; }
.address-info li                            { position: relative; }
.address-info li i                          { position: absolute; left:-19px; top:1px; transform: translate(-100%); width: 19px; height: 19px; display: flex; justify-content: center; }
.social-icons li                            { margin-bottom:0 !important; margin-right:16px; }
.social-icons li:last-child                 { margin-right: 0; }
.social-icons li i                          { font-size: 30px; }
.social-icons li a:hover                    { transform: scale(1.15); }
.widget-title                               { margin-bottom: 18px; font-size: 1.188rem; line-height: 1.2; font-weight: 700; font-family: var(--primary-font); }
.copyright                                  { padding-bottom: 30px; }
/* Footer End */
/* Privacy Policy Page start */
.common-banner-section                      { padding:80px 0; background: url('../images/banner-bg.jpg')no-repeat center center/cover; }
.content-section-box                        { padding:76px 0; }
.information-content                        { max-width: 96%; }
.content-section  ol                       { margin-bottom: 30px; }
.content-section > ol > li                  { margin-bottom: 24px; color: #000; font-family: var(--primary-font); font-size: 25px; font-weight: 900; line-height: 1.3; }
.content-section > ol > li  ol             { margin-top: 30px; }
.content-section > ol > li  ol  li ,.content-section > ol > li  ol  li a  ,.content-section > ol > li p   { margin-bottom: 24px; color: #000; font-family: var(--primary-font); font-size: 16px; font-weight: 400; line-height: 1.4; }
.content-section > ol > li  ol  li:last-child { margin-bottom: 0; }
.content-section > ol > li  ol  li a      { margin-bottom: 0; }
/* Privacy Policy Page ENd */
/******Responsive Css Start*/
@media(max-width:1700px)/* for laptop */
{ 
    .collect-badges-section .image-box       { width: 35%; }
}
@media(max-width:1400px)/* for laptop */
{
    /*****common section start****/
    .big-p                                      { font-size: 22px; }
    html,body                                   { font-size:14.5px; }
    .theme-btn                                  { padding:20px 40px; border-radius: 10px; }
    .title-box .h1 ,.title-box h2               { margin-top: 24px; }
    /*****common section End****/
    /* Container ReSize */
    .container                                  { max-width: 1140px; }
    /***Header-section Css Start****/
    .header-section                             { padding:20px 0px;}
    .header-section .navbar                     { padding:16px 0; }
    .navbar-expand-md .navbar-nav  li             { min-width:120px; margin:0 8px; }
    .navbar-expand-md .navbar-nav .nav-link     { padding: 10px 2px; }
    .btn-box .theme-btn                         { margin-left: 16px; }
    /***Header-section Css End****/
    /* Banner Section Start */
    main                                        { padding-top: 120px; }
    .banner-section                             { min-height: 600px; height: calc(100vh - 120px);}
    .banner-section h1 ,.banner-section .h1     { margin-bottom:30px; }
    .banner-desc                                { max-width: 100%; }
    .banner-image img                           { height: 100%; }
    .button-box                                 { margin-top: 18px; }
    .button-box a:last-child                    { margin-left: 15px; }
    .scroll-down                                { bottom:20px; }
    .scroll-down a                              { font-size: 1.125rem; }
    .scroll-down a i                            { margin-top: 6px; }
    /* About Us Section Start */
    .about-us-section                           { padding:90px 0 50px; }
    .about-desc p                               {  line-height: 1.4; }
    .about-desc                                 { margin-top:30px; max-width: 88%; }
    /* About Us Section End */
    /* Feature Section Start */
    .feature-section                            { padding:80px 0 45px; }
    .feature-wrapper                            { margin-top: 110px; }
    .feature-wrapper ul                         { margin:0 -8px; }
    .feature-wrapper ul li                      { padding:0 8px; margin-bottom:120px; }
    .feature-item                               { padding:8px 15px 0;  }
    .feature-item img                           { max-width: 120px; }
    .feature-item .counter                      { margin:77px auto 25px; width: 45px; height: 45px; }
    /* Feature Section End */
    /* collect badges section start */
    .collect-badges-section                     { padding:80px 0; }
    .collect-badges-section .image-box          { margin-right:40px; text-align: right;   }
    .collect-badges-section .image-box img      { max-width: 88%; }
    .badges-desc-wrapper                        { margin:55px 0; padding: 60px 0; }
    .badges-desc-wrapper:before                 { width: 62%; border-radius:0 40px 40px 0px; }
    .badges-desc-wrapper .title-box             { margin-bottom: 20px; }
    .collect-desc                               { max-width: 45%; }
    .badges-desc-wrapper h2 ,.badges-desc-wrapper .h1 { max-width: 60%; }
    /* reverse */
    .collect-badges-section.reverse-section .image-box { margin-left: 40px;   }
    .collect-badges-section.reverse-section .badges-desc-wrapper:before { border-radius: 40px 0 0 40px; }
    /* collect badges section end */
    /* Download Danko Section Start */
    .download-danko-section                     { padding:80px 0;  }
    .download-danko-section .title-box          { margin-bottom: 40px; }
    .info-wrap                                  { max-width: 65%;  }
    .download-danko-section .button-box         { margin-top: 40px; }
    .right-mobile-image img                     { max-width: 25%; }
    /* Download Danko Section End */
    /* Footer Section  */
    .footer-widgets                             { padding:70px 0; }
    .footer-widgets li                          { margin-bottom: 16px; }
    .footer-widgets li ,.footer-widgets li a    { letter-spacing: -0.17px; }
    .address-info li i                          { left:-15px; width: 15px; height: 15px;}
    .social-icons li                            { margin-right:12px; }
    .social-icons li i                          { font-size: 24px; }
    .widget-title                               { margin-bottom: 16px;   }
    .copyright                                  { padding-bottom: 24px; }
    /* Footer End */
    /* Privacy Policy Page start */
.common-banner-section                      { padding:60px 0;  }
.content-section-box                        { padding:70px 0; }
.information-content                        { max-width: 100%; }
.content-section  ol                       { margin-bottom: 25px; }
.content-section > ol > li                  { margin-bottom: 20px; font-size: 22px; }
.content-section > ol > li  ol             { margin-top: 24px; }
.content-section > ol > li  ol  li ,.content-section > ol > li  ol  li a  ,.content-section > ol > li p   { margin-bottom: 20px;  font-size: 16px;  }
/* Privacy Policy Page ENd */
}
@media(max-width:1199px) /* for laptop */
{
   /*****common section start****/
   .big-p                                      { font-size: 20px; }
   html,body                                   { font-size:12.5px; }
   .theme-btn                                  { padding:16px 34px; }
   .title-box .h1 ,.title-box h2               { margin-top:20px; }
   /*****common section End****/
   /* Container ReSize */
   .container                                  { max-width: 940px; }
   /***Header-section Css Start****/
   .header-section                             { padding:16px 0px;}
   .header-section .navbar                     { padding:14px 0; }
   .navbar-expand-md .navbar-nav  li             { min-width:105px; margin:0 7px; }
   .navbar-expand-md .navbar-nav .nav-link     { padding: 8px 2px; }
   .btn-box .theme-btn                         { margin-left: 12px; }
   /***Header-section Css End****/
   /* Banner Section Start */
   main                                        { padding-top: 112px; }
   .banner-section                             { min-height: 450px; height: calc(100vh - 112px); }
   .banner-section h1 ,.banner-section .h1     { margin-bottom:30px; }
   .banner-desc                                { max-width: 100%; }
   .banner-image img                           { height: 100%; }
   .button-box                                 { margin-top: 18px; }
   .button-box a:last-child                    { margin-left: 15px; }
   .scroll-down                                { bottom:20px; }
   .scroll-down a i                            { margin-top: 6px; }
   /* About Us Section Start */
   .about-us-section                           { padding:70px 0 50px; }
   .about-desc                                 { margin-top:20px; max-width: 92%; }
   /* About Us Section End */
   /* Feature Section Start */
   .feature-section                            { padding:50px 0 20px; }
   .feature-wrapper                            { margin-top: 60px; }
   .feature-wrapper ul                         { margin:0 -6px; }
   .feature-wrapper ul li                      { padding:0 6px; margin-bottom:60px;}
   .feature-item                               { padding:7px 12px 0;  }
   .feature-item img                           { max-width: 90px; }
   .feature-item .counter                      { margin:60px auto 20px; width: 40px; height: 40px; }
   /* Feature Section End */
   /* collect badges section start */
   .collect-badges-section                     { padding:60px 0; }
   .collect-badges-section .image-box          { margin-right:30px;  }
   .collect-badges-section .image-box img      { max-width: 90%; }
   .badges-desc-wrapper                        { margin:45px 0; padding: 40px 0; }
   .badges-desc-wrapper:before                 { width: 62%; border-radius:0 30px 30px 0px; }
   .badges-desc-wrapper .title-box             { margin-bottom: 16px; }
   .collect-desc                               { max-width: 60%; }
   .badges-desc-wrapper h2 ,.badges-desc-wrapper .h1 { max-width: 58%; }
    /* reverse */
    .collect-badges-section.reverse-section .image-box { margin-left: 15px;   }
    .collect-badges-section.reverse-section .badges-desc-wrapper:before { border-radius: 30px 0 0 30px; }
   /* collect badges section end */
    /* Download Danko Section Start */
    .download-danko-section                     { padding:60px 0;  }
    .download-danko-section .title-box          { margin-bottom: 30px; }
    .info-wrap                                  { max-width: 70%;  }
    .download-danko-section .button-box         { margin-top: 30px; }
    /* Download Danko Section End */
    footer .footer-logo img                         { max-width: 90px; }
        /* Privacy Policy Page start */
.common-banner-section                      { padding:50px 0;  }
.content-section-box                        { padding:60px 0; }
.content-section  ol                       { margin-bottom: 20px; }
.content-section > ol > li                  { margin-bottom: 16px; font-size: 20px; }
.content-section > ol > li  ol             { margin-top: 22px; }
.content-section > ol > li  ol  li ,.content-section > ol > li  ol  li a  ,.content-section > ol > li p   { margin-bottom: 16px;  font-size: 16px;  }
/* Privacy Policy Page ENd */
}

@media(max-width:991px)/* for tablet */
{
    /*****common section start****/
    .big-p                                      { font-size: 18px; }
   html,body                                   { font-size:11.5px; }
   .theme-btn                                  { padding:12px 20px; border-radius: 8px;}
   .title-box .h1 ,.title-box h2               { margin-top:20px; }
   /*****common section End****/
   /* Container ReSize */
   .container                                  { max-width:720px; }
   /***Header-section Css Start****/
   .header-section                             { padding:12px 0px;}
   .header-section .navbar                     { padding:10px 0; }
   .navbar-expand-md .navbar-nav  li             { min-width:80px; margin:0 4px; }
   .navbar-expand-md .navbar-nav .nav-link     { padding: 8px 2px; }
   .btn-box .theme-btn                         { margin-left: 12px; }
   .navbar-brand  img                          { max-width: 80px; }
   /***Header-section Css End****/
   /* Banner Section Start */
   main                                        { padding-top: 90px; }
   .banner-section                             { min-height: auto; height: calc(100vh - 90px); padding:60px 0; }
   .banner-section h1 ,.banner-section .h1     { margin-bottom:30px; }
   .banner-desc                                { padding-top: 40px; max-width: 100%; }
   .banner-image                               { position: absolute; top:0; width: 50%; max-width: 400px; transform: none; height: auto;  }
   .banner-image img                           { height: auto; max-width: 100%; }
   .button-box                                 { margin-top: 18px; max-width: 60%;}
   .button-box a                               { max-width: 100%; }
   .button-box a:last-child                    { margin-left: 15px; }
   .scroll-down                                { bottom:20px; }
   .scroll-down a i                            { margin-top: 6px; }
    /* About Us Section Start */
    .about-us-section                           { padding:50px 0 40px; }
    .about-desc                                 { margin-top:20px; max-width: 100%; }
    /* About Us Section End */
    /* Feature Section Start */
   .feature-section                            { padding:40px 0 20px; }
   .feature-wrapper                            { margin-top: 50px; }
   .feature-wrapper ul                         { margin:0 -5px; }
   .feature-wrapper ul li                      { padding:0 5px; margin-bottom:50px; }
   .feature-item                               { padding:5px 5px 0;  }
   .feature-item img                           { max-width: 70px; }
   .feature-item .counter                      { margin:35px auto 20px; width: 35px; height: 35px; }
   /* Feature Section End */
   /* collect badges section start */
   .collect-badges-section                     { padding:50px 0; }
   .collect-badges-section .image-box          { margin-right:15px;  }
   .collect-badges-section .image-box img      { max-width: 95%; }
   .badges-desc-wrapper                        { margin:35px 0; padding: 32px 0; }
   .badges-desc-wrapper:before                 { width: 62%; border-radius:0 30px 30px 0px; }
   .badges-desc-wrapper .title-box             { margin-bottom: 16px; }
   .collect-desc                               { max-width: 60%; }
   .badges-desc-wrapper h2 ,.badges-desc-wrapper .h1 { max-width: 58%; }
   /* collect badges section end */
   /* Download Danko Section Start */
   .download-danko-section                     { padding:70px 0;  }
   .download-danko-section .title-box          { margin-bottom: 20px; }
   .info-wrap                                  { max-width: 80%;  }
   .download-danko-section .button-box         { margin-top: 20px; }
   /* Download Danko Section End */
   .footer-widgets                             { padding:50px 0; }
   footer .footer-logo img                     { max-width: 60px; }
   /* Privacy Policy Page start */
    .common-banner-section                      { padding:40px 0;  }
    .content-section-box                        { padding:50px 0; }
    .content-section  ol                       { margin-bottom:16px; }
    .content-section > ol > li                  { margin-bottom: 16px; font-size: 18px; }
    .content-section > ol > li  ol             { margin-top: 18px; }
    .content-section > ol > li  ol  li ,.content-section > ol > li  ol  li a  ,.content-section > ol > li p   { margin-bottom: 16px;  font-size:16px; line-height: 24px; }
    /* Privacy Policy Page ENd */
}
@media(max-width:767px)/* for mobile */
{
    /*****common section start****/
    .big-p                                      { font-size: 17px; }
    html,body                                   { font-size:10px; }
    p                                           { font-size: 16px; }
    .title-box .h1 ,.title-box h2               { margin-top:14px; }
    /*****common section End****/
    /* Container ReSize */
   .container                                  { max-width:100%; }
    .btn-box                                    { text-align: center; }
    .btn-box .theme-btn                         { margin-left: 0;  }
    .navbar-expand-md .navbar-nav  li             { margin:8px 0px; }
    .navbar-expand-md .navbar-nav .nav-link     { font-size: 1.8rem;}
    .hamburger                                  { padding:7px 8px; border-radius: 8px; background-color: var(--primary-color); }
    .hamburger .line                            { position: relative;  max-width: 100%; width: 24px; height:3px; background-color: white;  display: block; border-radius: 10px; margin: 4px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
    .hamburger:hover                            { cursor: pointer; }
    #hamburger-1.is-active .line:nth-child(2)   { opacity: 0; }  
    #hamburger-1.is-active .line:nth-child(1)   { -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); }
    #hamburger-1.is-active .line:nth-child(3)   { -webkit-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -o-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }
    .navbar-toggler                             { padding:0; border:0 !important; box-shadow: none !important; }
    .navbar-toggler-icon                        { width: auto; height: auto;  }
    .open-menu                                  { overflow: hidden; position: relative; transition: all 0.5s ease; }
    .open-menu::after                           { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top:0; background-color: var(--primary-color); opacity: 0.8; transition: all 0.5s ease; }
    .open-menu .navbar-brand                    { opacity: 0; }
    /* Banner Section Start */
    main                                       { padding-top: 90px; }
   .banner-section                             { height: auto; padding:60px 0; align-items: flex-start; text-align: center; }
   .banner-section h1 ,.banner-section .h1     { margin-bottom:30px; }
   .banner-desc                                { padding-top: 0px; max-width: 100%; }
   .banner-image                               { display: none; /* position: unset; max-width: 500px; transform: none; height: auto;  */ }
   /* .banner-image img                           { height: auto; max-width: 100%; } */
   .button-box                                 { margin-top: 18px; max-width: 60%; }
   .button-box a:last-child                    { margin-left: 15px; }
   .scroll-down                                { margin-top: 15px; bottom:10px; display: none; }
   .scroll-down a i                            { margin-top:4px; }
   /* Feature Section  */
   .feature-item .counter                       { margin: 26px auto 20px; }
   .feature-item                               { max-width: 340px; margin-left: auto; margin-right: auto;}
   .feature-item img                           { max-width: 60px; }
   .feature-wrapper ul li                      { padding:0 5px; margin-bottom:30px; width: 100%; }
   .feature-item h3 , .feature-item .h6         { font-size: 1.7rem; }
   /* Feature section end */
   /* collect badges section start */
   .collect-badges-section                     { padding:40px 0; text-align: center; }
   .collect-badges-section .image-box          { padding: 0 12px; text-align: center !important;  position: unset; transform: none; margin-right:auto; margin-left: auto; width: 80%;}
   .collect-badges-section .image-box img      { max-width: 300px; }
   .badges-desc-wrapper                        { margin:25px 0; padding: 25px 0; }
   .badges-desc-wrapper:before                 { width: 100% !important; border-radius:0 !important; }
   .badges-desc-wrapper .title-box             { margin-bottom: 16px; text-align: center; }
   .collect-desc                               { max-width: 100%; text-align: center; }
   .badges-desc-wrapper h2 ,.badges-desc-wrapper .h1 { max-width: 100%; }
   .collect-badges-section.reverse-section .image-box  { margin:20px auto 0; }
   /* collect badges section end */
   /* Download Danko Section Start */
   .download-danko-section                     { padding:70px 0;  }
   .download-danko-section .title-box          { margin-bottom: 20px; }
   .info-wrap                                  { max-width: 100%;  }
   .download-danko-section .button-box         { margin-top: 20px; }
   .right-mobile-image img                     { display: none; }
   /* Download Danko Section End */
   /* Download Danko Section End */
   .footer-widgets                             { padding:40px 0; }
   footer .footer-logo img                     { max-width: 90px; }
   .copyright                                  { font-size: 12px; }
   .footer-widgets li, .footer-widgets li a    { letter-spacing: 0; font-size: 1.5rem; }
   .widget-title                                { font-size: 18px; }
   .address-info li                             { display: flex; align-items: center; justify-content: center;}
   .address-info li i                          { position: unset;  }
}

/* @media(min-width:1200px) and (min-height:940px) {
    .banner-section                                { padding: 120px 0 180px; height: auto; min-height: auto; }
    .banner-image img { height: auto; max-height: 100%; }
} */
@media(max-width:1199px) and (min-width:768px)  and (min-height:695px)/* for tablet */ {
    .banner-section                                { padding: 60px 0 120px; height: auto; min-height: auto; }
    .banner-image img               { height: auto; max-height: 100%; }
}
/****Responsive Css End******/
/* Animations */
.delay-1 {
    animation-delay: .25s;
    }
    .delay-2 {
    animation-delay: .5s;
    }
    .delay-3 {
    animation-delay: .75s;
    }
    .delay-4 {
    animation-delay: 1s;
    }
@keyframes borderbottom {
    0% {  width: 0; }
    100% {  width: 100%; }
}
@keyframes scrolldown {
    0% ,100% {  transform: translateY(0);  }
    50% { transform: translateY(10px); }
}