@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


/*..............embedded fonts..............*/

/*font-family: "Open Sans", sans-serif;*/

/*..............custom fonts..............*/

/*..............custom fonts..............*/

:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #2e2e2d;
    --clr-secondary: #125ea7;
    --clr-btn: #2f509e;
    --clr-white: #fff;
    --clr-gray-dark: #585857;
    --clr-gray-light: #ececec;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 25px 0;
    --button-border-width: 1px;
    --button-border-style: solid;
    --button-broder-radius: 5px;
    --button-broder-color: purple;

    --border-radius-image: 10px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Open Sans", sans-serif;

    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-ex-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 86px;
    --f-size-XXL: 71px;
    --f-size-XL: 65px;
    --f-size-L: 45px;
    --f-size-M: 34px;
    --f-size-S: 23px;
    --f-size-Body: 26px;
    --f-size-btn:21px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
}

body,p{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary);}
h1,h2,h3,h4,h5,h6{ font-family: var(--ff-base); color: var(--clr-primary); margin: var(--margin-title);}
h1{ font-size: var(--f-size-XXXL); font-weight: var(--fw-bold);}
h2{ font-size: var(--f-size-XXL); text-transform: uppercase; font-weight: var(--fw-light);}
h3{ font-size: var(--f-size-XL); font-weight: var(--fw-regular);}
h4{ font-size: var(--f-size-L); font-weight: var(--fw-regular);}
h5{ font-size: var(--f-size-M); font-weight: var(--fw-regular);}
h6{ font-size: var(--f-size-S); font-weight: var(--fw-regular);}


/*..............common styles..............*/
body { margin: 0; padding: 0; }

img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--ff-base); font-size: var(--f-size-Body); outline: none;}
input[type="submit"]{ font-family: var(--ff-base); font-weight: 500; font-size:  var(--f-size-Body); transition:all 0.3s ease 0s; outline: none;}



/* --- Button Styles --- */
.btn { border: 0; display: inline-block; vertical-align: top; background: var(--clr-btn); color: var(--clr-white); padding: 5px 34px; font-size: var(--f-size-btn) !important; border-radius: 30px;}
/*.btn.solid-color { background: #f00; color: #fff; }*/
.btn.border { background: transparent; color: var(--clr-btn); border: 2px solid var(--clr-btn); }
.btn-gray{background: var(--clr-gray-dark);}
.btn.rounded { border-radius: 5px;}
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}

.btn:focus, button:focus{outline: none;}
.btn:hover{background-color: var(--clr-secondary); color: var(--clr-white);}

/* --- Button Styles --- */


/*..............common styles..............*/

.click { display:none; /*color: #000; float: right; font-size: 28px;*/     position: absolute;
    top: 0;
    right: 0;
    background-color: #777575;
    width: 50px;
    height: 50px;}
.main_menu a.closebtn{
    display: none;
    }

.common-padding{padding-top: 100px; padding-bottom: 100px;}
.common-padding-md{padding-top: 50px; padding-bottom: 50px;}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p {color: var(--clr-white);}
b, strong { font-weight: 600;}


/*for header css*/
.main-header { padding: 35px 0;}
.headerRow{display: flex; justify-content: flex-end;}


/*for header css*/

.slider-wrap { position: relative;}
.slider-wrap img{width: 100%;}

.bann-content{position: absolute; max-width: 400px; right: 150px; top: 120px; padding: 35px 0 0 35px;}
.bann-content:before{height: 175px; width: 15px; left: 0; top: 0; position: absolute; content: ""; background-color: var(--clr-btn);}
.bann-content h1{font-size: var(--f-size-XL); line-height: 1;}
.bann-content p { line-height: 1.2;}
.banner-blue-circle{width: 90px; height: 90px; border-radius: 50px; position: absolute; bottom: -45px; right: 40%; background-color: var(--clr-secondary);}

/*for main sections css*/


.power-house-title h2 span{display: block;}
.power-house-title h2 strong{color: var(--clr-secondary); font-weight: var(--fw-semibold);}
.power-house-list ul{padding-left: 0; display: flex; flex-flow: row wrap; list-style: none;}
.power-house-list ul li{width: calc(24% - 30px); margin:0 15px; display: flex; flex-flow: row wrap;}
.power-house-circle{width: 280px; height: 280px; margin: 0 auto; text-align: center; background-color: var(--clr-secondary); border-radius: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding: 10px;}
.power-house-circle h2{font-weight: var(--fw-bold); line-height: 1;}
.power-house-circle h5{font-weight: var(--fw-light); line-height: 1;}
.power-house-circle h2, .power-house-circle h5{color: var(--clr-white); width: 100%; margin-bottom: 0;}
.power-house-list ul li:nth-child(2n+2) .power-house-circle h2, .power-house-list ul li:nth-child(2n+2) .power-house-circle h5{color: var(--clr-primary);}
.power-house-border{width: 190px; height: 20px; background-color: #dadada; margin: 0 auto; margin-top: 0px; margin-bottom: 20px;}

.power-house-list ul li:nth-child(2n+1){flex-direction: column-reverse;}
.power-house-list ul li:nth-child(2n+2) .power-house-circle{background-color: #dadada;}
.power-house-list ul li:nth-child(2n+2) .power-house-border{background-color: var(--clr-secondary); margin-top: 20px; margin-bottom: 0px;}


.enroll-sec{position: relative;}
.enroll-sec:before{position: absolute; top: 22px; bottom: 0; left: 0; right: 0; background-color: var(--clr-gray-light); content: "";}
.enroll-title{max-width: 560px; margin: 0 auto; padding: 8px 45px; text-align: center; background-color: var(--clr-gray-dark); color: var(--clr-white);}
.enroll-title h6{margin-bottom: 0; color: var(--clr-white); letter-spacing: 4px; text-transform: uppercase; font-weight: var(--fw-light);}
.light-gray-bg{background-color: var(--clr-gray-light);}
.enroll-sec .row{position: relative; z-index: 2;}

.enroll-sec form {
    margin-top: 40px;
}
.input-row {
    display: flex;
    flex-flow: row wrap;
}
.input-row .form-label{width: 150px; font-size: 22px; font-weight: var(--fw-regular);}
.enroll-sec .input-row .wpcf7-form-control-wrap{width: calc(100% - 150px);}
.input-row .form-control{width: 100%; border: 2px solid #9d9c9c; border-radius: 0; height: 36px; background-color: var(--clr-gray-light);}

.kolkata-get-bg{position: relative;}
.kolkata-get-bg:before{position: absolute; top: 170px; bottom: 0; left: 0; right: 0; background-color: var(--clr-gray-light); content: "";}
.kolkata-get-bg .row{position: relative; z-index: 2;}
.kolkata-get-pic{width: 730px; height: 730px; border-radius: 100%; overflow: hidden;}
.kolkata-get-pic img{width: 100%; height: 100%; object-fit: cover;}
.kolkata-get-content { margin-top: 100px;}
.kolkata-get-left-circel{height: 90px; width: 90px; bottom: -45px; left: 20%; background-color: var(--clr-btn); border-radius: 100px; position: absolute;}
.kolkata-get-right-circel{height: 110px; width: 110px; top: 110px; right: 8%; background-color: var(--clr-btn); border-radius: 100px; position: absolute;}
.kolkata-get-black-circel{height: 40px; width: 40px; top: 60px; right: 47%; background-color: var(--clr-gray-dark); border-radius: 100px; position: absolute;}
.kolkata-get-blue-line{height: 30px; width: 310px; bottom: 70px; right: 90px; background-color: var(--clr-btn); position: absolute; z-index: 2;}

.kolkata-get-list ul{list-style: none; padding-left: 0;}
.kolkata-get-list ul li{margin-bottom: 10px; background-color: var(--clr-btn); color: #fff; padding: 5px 10px; display: table; width: auto;}
.kolkata-get-list ul li:nth-child(2n+2){background-color: var(--clr-gray-dark);}
.kolkata-get-list ul li:nth-child(1){margin-left: 20%;}
.kolkata-get-list ul li:nth-child(2){margin-left: 30%;}
.kolkata-get-list ul li:nth-child(4){margin-left: 11%;}
.kolkata-get-list ul li:nth-child(5){margin-left: 23%;}
.kolkata-get-list ul li:nth-child(6){margin-left: 7%;}

.location-content h2 {line-height: 1; margin-bottom: 8px;}
.location-content h4{font-weight: var(--fw-light);}
.location-list ul{padding-left: 0; list-style: none;}
.location-list ul li{position: relative; margin-bottom: 40px; padding-top: 15px; padding-left: 15px;}
.location-list ul li:last-child{ margin-bottom: 0px;}
.location-list ul li:before{width: 120px; height: 10px; position: absolute; top: 0; left: 0; content: ""; background-color: var(--clr-btn);}

.location-map-row{display: flex; flex-flow: row wrap; align-items: flex-end;}
.location-scan{width: 195px; /*background-color: var(--clr-gray-dark);*/ text-align: center;}
.location-scan-box{width: 100%; /*height: 195px;*/}
.location-scan p{color: #000100; margin-bottom: 0;}
.location-map{width: calc(100% - 195px);}
.location-map iframe {
    width: 100% !important;
}

.location-right-circel {
    height: 40px;
    width: 40px;
    top: 110px;
    right: 8%;
    background-color: var(--clr-gray-dark);
    border-radius: 100px;
    position: absolute;
}

.kolkata-middle-circel {
    height: 25px;
    width: 25px;
    bottom: 30px;
    left: 30%;
    background-color: var(--clr-btn);
    border-radius: 100px;
    position: absolute;
}

.blue-bg{background-color: var(--clr-btn);}
.diverse-bg:before{position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--clr-btn);
    content: "";}
    .diverse-bg .row{position: relative; z-index: 2;}
.diverse-pic{width: 450px; height: 450px; margin: 0 auto; border-radius: 100%; overflow: hidden;}
.diverse-pic img{width: 100%; height: 100%; object-fit: cover;}
.diverse-content {
    margin-top: 120px;
}
.diverse-list{margin-top: 100px;}
.diverse-list ul{padding-left: 0; list-style: none;}
.diverse-list ul li{color: var(--clr-white); position: relative; padding-top: 15px; margin-bottom: 25px; font-weight: var(--fw-light);}
.diverse-list ul li:last-child{margin-bottom: 0px;}
.diverse-list ul li:before{width: 75px; height: 8px; position: absolute; left: 0; top: 0; content: ""; background-color: var(--clr-white);}

.diverse-content h2{line-height: 1;}
.diverse-list ul li:nth-child(1){margin-left: 52%;}
.diverse-list ul li:nth-child(2), .diverse-list ul li:nth-child(4){margin-left: 12%;}
.diverse-list ul li:nth-child(3){margin-left: 42%;}

.diverse-top-circel {
    height: 60px;
    width: 60px;
    top: 4px;
    left: 10%;
    background-color: var(--clr-gray-light);
    border-radius: 100px;
    position: absolute;
}

.brought-title{text-align: right; max-width: 480px; margin-left: auto;}
.brought-logo-list ul{list-style: none; display: flex; flex-flow: row wrap; justify-content: center; padding-left: 0;}
.brought-logo-list ul li{width: 250px; height: 250px; border-radius: 100%; overflow: hidden; background-color: var(--clr-btn); display: flex; align-items: center; justify-content: center;}
.brought-logo-list ul li:nth-child(2){ background-color: rgba(88, 88, 87, 0.9); margin-left: -40px;}
.brought-content h5 {
    margin-bottom: 0;
    line-height: 1.1;
    font-weight: 300;
}
.brought-content {
    max-width: 440px;
}
.book-commercial-title {
    max-width: 490px;
}
.book-commercial-title h2{color: #000100; margin-bottom: 0;}
.book-commercial-title h2 span{color: var(--clr-btn); font-weight: var(--fw-regular); display: block;}

.book-commercial-btn-list ul{padding-left: 0; list-style: none; display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
.book-commercial-btn-list ul li{margin-bottom: 30px; width: 100%; text-align: center;}
.book-commercial-btn-list ul li:last-child{margin-bottom: 0px;}

.book-commercial-pic{position: relative; text-align: center;}
.book-commercial-pic:before{width: 170px; height: 10px; position: absolute; bottom: 50px; left: -95px; content: ""; background-color: #dadada;}
.book-commercial-pic:after{width: 170px; height: 10px; position: absolute; top: 50px; right: -80px; content: ""; background-color: var(--clr-btn);}

/*-- second-page-design(start) --*/

.ecosystem-list ul{list-style: none; padding-left: 0;}
.ecosystem-list ul li{margin-bottom: 15px;}
.ecosystem-list ul li strong{background-color: var(--clr-btn); color: var(--clr-white); padding: 5px; display: inline-block; font-weight: var(--fw-regular);}
.ecosystem-list ul li:nth-child(2n+2) strong{background-color: var(--clr-gray-dark);}

.ecosystem-title h4{text-transform: uppercase; font-weight: var(--fw-light); margin-bottom: 0;}
.ecosystem-title{position: relative; padding: 15px 0; max-width: 440px; padding-left: 40px;}
.ecosystem-title:before{left: 0; top: 0; width: 200px; height: 10px; position: absolute; content: ""; background-color: var(--clr-gray-dark);}
.ecosystem-title:after{right: 0; bottom: 0; width: 200px; height: 10px; position: absolute; content: ""; background-color: var(--clr-btn);}

.global-join-title {max-width: 790px;}
.global-join-title h4{text-transform: uppercase; font-weight: var(--fw-light);}
.global-join-title h4 span { color: var(--clr-btn); font-weight: var(--fw-regular);}

.wpcf7-response-output { text-align: center;}
.invalid .wpcf7-response-output{color: #dc3232;}
.sent .wpcf7-response-output { color: #46b450;}
.invalid .form-control.wpcf7-not-valid{border-color: #dc3232;}
.wpcf7-not-valid-tip{display: none;}

/*-- modal-css(Start) --*/
.popup-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup-content {
        background: #fff;
        padding: 30px;
        border-radius: 8px;
        position: relative;
        /*max-width: 600px;*/
        max-width: 700px;
        width: 100%;
    }

    .close-btn {
        position: absolute;
        right: 10px;
        top: 5px;
        font-size: 24px;
        background: none;
        border: none;
        color: #000;
        cursor: pointer;
    }

    .hidden {
        display: none !important;
    }
    .popup-content .col-xl-10.col-lg-10.col-md-12 {
    width: 100%;
}
.wpcf7-response-output{font-size: 16px; border: none !important;}
    /*-- modal-css(End) --*/


/*for main sections css*/


/*for footer sections css*/

/*footer { border-top:1px solid #f3f2f0;}*/
.ftr-top { background: #fff; padding: 35px 0 50px;}
.ftr-logo { text-align: right;}

.ftr-top-right{text-align: right;}
.ftr-top-right a{color: var(--clr-primary); font-weight: var(--fw-light);}
.ftr-top-right a:hover, ul.copyrht-menu li a:hover{color: var(--clr-btn);}



.ftr-btm { padding: 10px 0 60px;}

ul.copyrht-menu { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap;}
ul.copyrht-menu li { list-style: none; border-right: 1px solid #8e8e8e; padding: 0 10px;}
ul.copyrht-menu li:first-child { padding-left: 0;}
ul.copyrht-menu li:last-child { border: none; padding-right: 0;}
ul.copyrht-menu li a { color: var(--clr-primary); font-weight: var(--fw-light);}



.ftr-project-by{list-style: none; display: flex; flex-flow: row wrap; padding-left: 0; align-items: center;}
.ftr-project-by li{padding: 0 10px;}
.ftr-project-by li:first-child{padding-left: 0; font-size: 24px; font-weight: var(--fw-light);}
.ftr-project-by li:last-child{padding-right: 0; border-left: 1px solid #90908f;}

/*for footer sections css*/

/*Media Query css*/

@media only screen and ( min-width: 1501px ) {
    .container { max-width: 1300px;}

}

@media only screen and ( min-width: 1601px ) {
    .container { max-width: 1400px;}

}

@media only screen and ( min-width:1801px ) {
    .container { max-width: 1700px;}

}


@media only screen and ( max-width:1800px ) {
    :root{
        --f-size-XXXL: 80px;/*--h1--*/
        --f-size-XXL: 65px;/*--h2--*/
        --f-size-XL: 60px;/*--h3--*/
        --f-size-L: 40px;/*--h4--*/
        --f-size-M: 30px;/*--h5--*/
        --f-size-S: 21px;/*--h6--*/
        --f-size-Body: 24px;
        --f-size-btn: 20px;
    }
    /*
    --f-size-XXXL: 86px; --h1--
    --f-size-XXL: 71px; --h2--
    --f-size-XL: 65px; --h3--
    --f-size-L: 45px; --h4--
    --f-size-M: 34px; --h5--
    --f-size-S: 23px; --h6--
    --f-size-Body: 26px;
    --f-size-btn:21px;
    */

    .common-padding { padding-top: 80px; padding-bottom: 80px;}
    .common-padding-md { padding-top: 40px; padding-bottom: 40px;}
    .logo { max-width: 600px;}
    .main-header { padding: 25px 0;}
    .bann-content { padding: 20px 0 0 25px;}
    .bann-content:before { height: 150px; width: 10px;}
    .kolkata-get-right-circel { height: 90px; width: 90px;}
    .kolkata-get-black-circel { height: 30px; width: 30px;}
    .kolkata-get-left-circel { height: 60px; width: 60px; bottom: -30px;}
    .location-right-circel { height: 30px; width: 30px; top: 120px;}
    .diverse-top-circel { height: 50px; width: 50px; top: 9px;}
    .kolkata-middle-circel { height: 20px; width: 20px; bottom: 20px;}
    .ecosystem-title:before { width: 110px; height: 5px;}
    .ecosystem-title:after { width: 110px; height: 5px;}
    .diverse-list ul li:before { width: 65px; height: 5px;}
    .diverse-list ul li { padding-top: 10px; margin-bottom: 22px;}
    .location-list ul li:before { width: 100px; height: 5px;}
    .location-list ul li { margin-bottom: 30px; padding-top: 10px; padding-left: 10px;}
    .kolkata-get-list ul li { margin-bottom: 8px; padding: 2px 6px;}
    .power-house-border { width: 150px; height: 10px;}
    .power-house-circle { width: 250px; height: 250px;}
    .kolkata-get-blue-line { height: 15px; width: 220px; right: 20px;}
    .kolkata-get-pic { width: 670px; height: 670px;}
    .diverse-pic { width: 400px; height: 400px;}
    .diverse-content h2 {font-size: var(--f-size-XL);}
    .diverse-list ul li:nth-child(1) { margin-left: 42%;}
    .diverse-list ul li:nth-child(2), .diverse-list ul li:nth-child(4) { margin-left: 2%;}
    .diverse-list ul li:nth-child(3) { margin-left: 32%;}
    .kolkata-get-list ul li:nth-child(1) { margin-left: 15%;}
    .kolkata-get-list ul li:nth-child(2) { margin-left: 25%;}
    .kolkata-get-list ul li:nth-child(4) { margin-left: 6%;}
    .kolkata-get-list ul li:nth-child(5) { margin-left: 18%;}
    .kolkata-get-list ul li:nth-child(6) { margin-left: 3%;}
    .book-commercial-btn-list ul li { margin-bottom: 30px;}
    .ftr-logo img { max-width: 400px;}
    .ftr-top { padding: 30px 0 40px;}
    .ftr-btm { padding: 10px 0 40px;}
    .enroll-title { max-width: 500px; padding: 5px 40px;}
    .enroll-sec:before { top: 17px;}
    .ecosystem-title { padding-left: 20px;}
    .brought-logo-list ul li { width: 220px; height: 220px;}
    .book-commercial-pic:before {
    width: 130px;
    bottom: 40px;
    left: -65px;}
    .book-commercial-pic:after {
    width: 130px;
    top: 40px;
    right: -65px;}


}
@media only screen and ( max-width:1700px ) {
    .kolkata-get-pic {
    width: 630px;
    height: 630px;
    margin-left: auto;}

    :root{
        --f-size-XXXL: 70px;/*--h1--*/
        --f-size-XXL: 60px;/*--h2--*/
        --f-size-XL: 55px;/*--h3--*/
        --f-size-L: 38px;/*--h4--*/
        --f-size-M: 28px;/*--h5--*/
        --f-size-S: 20px;/*--h6--*/
        --f-size-Body: 22px;
        /*--f-size-btn: 20px;*/
    }
    /*
    --f-size-XXXL: 80px; --h1--
    --f-size-XXL: 65px; --h2--
    --f-size-XL: 60px; --h3--
    --f-size-L: 40px; --h4--
    --f-size-M: 30px; --h5--
    --f-size-S: 21px; --h6--
    --f-size-Body: 24px;
    --f-size-btn:20px;
    */
    .logo { max-width: 500px;}
    .main-header { padding: 15px 0;}
    .banner-blue-circle { width: 60px; height: 60px; bottom: -30px;}
    .kolkata-get-right-circel { height: 70px; width: 70px; top: 130px; right: 5%;}
    .location-scan { width: 155px;}
    .location-map { width: calc(100% - 155px);}
    .bann-content { right: 100px;}


}
@media only screen and ( max-width:1600px ) {
    :root{
        --f-size-XXXL: 60px;/*--h1--*/
        --f-size-XXL: 55px;/*--h2--*/
        --f-size-XL: 50px;/*--h3--*/
        --f-size-L: 35px;/*--h4--*/
        --f-size-M: 26px;/*--h5--*/
        /*--f-size-S: 20px; --h6--
        --f-size-Body: 22px;
        --f-size-btn: 20px;*/
    }
    /*
    --f-size-XXXL: 70px; --h1--
    --f-size-XXL: 60px; --h2--
    --f-size-XL: 55px; --h3--
    --f-size-L: 38px; --h4--
    --f-size-M: 28px; --h5--
    --f-size-S: 20px; --h6--
    --f-size-Body: 22px;
    --f-size-btn:20px;
    */
    .kolkata-get-pic { width: 600px; height: 600px;}
    .common-padding { padding-top: 70px; padding-bottom: 70px;}
    .common-padding-md { padding-top: 35px; padding-bottom: 35px;}
    .brought-logo-list ul li { width: 200px; height: 200px;}
    .bann-content { right: 150px;}
    

}
@media only screen and ( max-width: 1500px ) {

    :root{
        --f-size-XXXL: 55px;/*--h1--*/
        --f-size-XXL: 50px;/*--h2--*/
        --f-size-XL: 45px;/*--h3--*/
        --f-size-L: 32px;/*--h4--*/
        --f-size-M: 24px;/*--h5--*/
        /*--f-size-S: 20px; --h6--
        --f-size-Body: 22px;
        --f-size-btn: 20px;*/
    }
    /*
    --f-size-XXXL: 60px; --h1--
    --f-size-XXL: 55px; --h2--
    --f-size-XL: 50px; --h3--
    --f-size-L: 35px; --h4--
    --f-size-M: 26px; --h5--
    --f-size-S: 20px; --h6--
    --f-size-Body: 22px;
    --f-size-btn:20px;
    */
    .ecosystem-list ul li strong { padding: 1px 4px;}
    .power-house-circle { width: 240px; height: 240px;}
    .power-house-list ul li:nth-child(2n+2) .power-house-border { margin-top: 10px;}
    .power-house-border { margin-bottom: 10px;}
    .ftr-project-by li:first-child { font-size: 22px;}
    .bann-content { right: 100px;}
    .kolkata-get-content { margin-top: 160px;}

}
@media only screen and ( max-width:1400px ) {

    :root{
        --f-size-XXXL: 45px;/*--h1--*/
        --f-size-XXL: 40px;/*--h2--*/
        --f-size-XL: 36px;/*--h3--*/
        --f-size-L: 30px;/*--h4--*/
        --f-size-M: 22px;/*--h5--*/
        --f-size-S: 19px; /*--h6--*/
        --f-size-Body: 20px;
        --f-size-btn: 19px;
    }
    /*
    --f-size-XXXL: 55px; --h1--
    --f-size-XXL: 50px; --h2--
    --f-size-XL: 45px; --h3--
    --f-size-L: 32px; --h4--
    --f-size-M: 24px; --h5--
    --f-size-S: 20px; --h6--
    --f-size-Body: 22px;
    --f-size-btn: 20px;
    */
    .kolkata-get-pic { width: 540px;height: 540px;}
    .kolkata-get-blue-line { height: 10px; width: 150px;}
    .kolkata-get-right-circel { height: 50px; width: 50px; top: 112px; right: 3%;}
    .kolkata-get-bg:before { top: 140px;}
    .kolkata-get-left-circel { height: 40px; width: 40px; bottom: -20px;}
    .diverse-top-circel { height: 40px; width: 40px; top: 12px;}
    .diverse-pic { width: 350px; height: 350px;}
    .diverse-list { margin-top: 80px;}
    .diverse-content { margin-top: 100px;}
    .ftr-top { padding: 30px 0 30px;}
    .ftr-btm { padding: 10px 0 30px;}
    .book-commercial-btn-list ul li { margin-bottom: 15px;}
    .common-padding { padding-top: 60px; padding-bottom: 60px;}
    .common-padding-md { padding-top: 30px; padding-bottom: 30px;}
    .power-house-list ul li { width: calc(24% - 10px); margin: 0 10px;}
    .ftr-project-by li:first-child { font-size: 20px;}
    .btn { padding: 5px 24px;}
    .banner-blue-circle { width: 40px; height: 40px; bottom: -20px;}
    .input-row .form-label { width: 120px; font-size: 20px;}
    .enroll-sec .input-row .wpcf7-form-control-wrap {width: calc(100% - 120px);}
    .brought-logo-list ul li { width: 160px; height: 160px;}
    .brought-logo-list ul li:nth-child(2) { margin-left: -15px;}
        .book-commercial-pic:before {
        width: 100px;
        bottom: 20px;
        left: -50px;
        height: 7px;
    }
    .book-commercial-pic:after {
        width: 100px;
        top: 20px;
        right: -50px;
        height: 7px;
    }
    .bann-content {
        right: 160px;
        top: 80px;
        padding: 10px 0 0 15px;
    }
    .bann-content:before {
        height: 140px;
        width: 6px;
    }
    .logo {
        max-width: 400px;
    }
    .enroll-title h6 { letter-spacing: 3px;}
    .kolkata-get-content {
        margin-top: 120px;
    }
    .ftr-logo img {
        max-width: 300px;
    }


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

    :root{
        --f-size-XXXL: 40px;/*--h1--*/
        --f-size-XXL: 35px;/*--h2--*/
        --f-size-XL: 30px;/*--h3--*/
        --f-size-L: 26px;/*--h4--*/
        --f-size-M: 20px;/*--h5--*/
        --f-size-S: 18px; /*--h6--*/
        --f-size-Body: 16px;
        --f-size-btn: 18px;
        --margin-title: 0 0 20px 0;
    }
    /*
    --f-size-XXXL: 50px; --h1--
    --f-size-XXL: 45px; --h2--
    --f-size-XL: 40px; --h3--
    --f-size-L: 30px; --h4--
    --f-size-M: 22px; --h5--
    --f-size-S: 19px; --h6--
    --f-size-Body: 20px;
    --f-size-btn: 19px;
    */
    .kolkata-get-pic { width: 450px; height: 450px;}
    .kolkata-get-blue-line { width: 100px; right: 40px; bottom: 90px;}
    .kolkata-get-right-circel { height: 40px; width: 40px; top: 90px;}
    .kolkata-get-black-circel { height: 20px; width: 20px;}
    .kolkata-get-left-circel { height: 30px; width: 30px; bottom: -15px;}
    .location-right-circel {
        height: 20px;
        width: 20px;}
    .kolkata-middle-circel {
        height: 12px;
        width: 12px;}
    .diverse-top-circel {
        height: 30px;
        width: 30px;
        top: 19px;
    }
    .diverse-pic {
        width: 290px;
        height: 290px;
    }
    .power-house-circle {
        width: 210px;
        height: 210px;
    }
    .power-house-list ul li {
        width: calc(24% - 9px);
        margin: 0 9px;
    }
    .logo {
        max-width: 400px;
    }
    .ftr-logo img {
        max-width: 300px;
    }
    .kolkata-get-bg:before {
        top: 110px;
    }
    .brought-logo-list ul li {
        width: 120px;
        height: 120px;
        padding: 8px;
    }
    .brought-logo-list ul li:nth-child(2) {
        margin-left: -2px;
    }
    .bann-content {
        right: 100px;
        top: 40px;
    }
    .brought-content h5 {
    line-height: 1.2;}
    .enroll-title h6 { letter-spacing: 2px;}
    .kolkata-get-content {
        margin-top: 90px;
    }
    

}
@media only screen and ( max-width:1024px ) {

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

    :root{
        --f-size-XXXL: 36px;/*--h1--*/
        --f-size-XXL: 32px;/*--h2--*/
        --f-size-XL: 28px;/*--h3--*/
        --f-size-L: 24px;/*--h4--*/

        /*--f-size-M: 20px;
        --f-size-S: 18px; 
        --f-size-Body: 16px;
        --f-size-btn: 18px;
        --margin-title: 0 0 20px 0;*/
    }

    .power-house-list ul li { width: calc(49% - 12px); margin: 0 9px 40px;}
    .power-house-list ul li:nth-child(2n+1) { flex-direction: column;}
    .power-house-list ul li:nth-child(2n+2) { flex-direction: column;}
    .power-house-border { margin-bottom: 0px; margin-top: 10px; width: 100px; height: 5px;}
    .ftr-col { text-align : center;}
    ul.copyrht-menu { justify-content: center; margin-bottom: 20px;}
    .ftr-project-by{ justify-content: center; margin-bottom: 30px;}
    .ftr-logo {text-align: center;}
    .ftr-top { padding: 30px 0 20px;}
    .common-padding { padding-top: 40px; padding-bottom: 40px;}
    .common-padding-md { padding-top: 20px; padding-bottom: 20px;}
    .enroll-sec .wpcf7-submit.btn { margin: 15px auto 0px; display: block;}
    .kolkata-get-pic { width: 400px; height: 400px; margin: 0 auto;}
    .kolkata-get-blue-line { right: 20%;}
    .power-house-title, .kolkata-get-content h2, .location-content h2, .location-content h4, .diverse-content { text-align: center;}
    .brought-title {text-align: center; max-width: 480px; margin: 0 auto;}
    .brought-content { max-width: 440px; margin: 0 auto; text-align: center;}
    .book-commercial-title{margin: 0 auto; text-align: center;}
    .book-commercial-pic{margin: 30px auto; display: table;}
    .brought-logo-list ul li:nth-child(2) { margin-left: -9px;}
    .brought-logo-list ul li { width: 150px; height: 150px; padding: 8px;}
    .logo { max-width: 350px;}
    .location-map-row { justify-content: center; margin-top: 30px;}
    .location-list ul li:before {
        width: 70px;
        height: 3px;
        margin: 0 auto;
        right: 0;
    }
    .location-list ul li {
        margin-bottom: 20px;
        padding-top: 4px;
        padding-left: 0px;
        text-align: center;
    }
        .diverse-list ul li {margin: 0 auto 20px; text-align: center;}
        .diverse-list ul li:nth-child(1), .diverse-list ul li:nth-child(2), .diverse-list ul li:nth-child(4), .diverse-list ul li:nth-child(3) {
        margin-left: 0;
    }
    .diverse-list ul li:before {
        width: 50px;
        height: 3px;
        right: 0;
        margin: 0 auto;
    }
    .diverse-list {
        margin-top: 40px;
    }
    .kolkata-get-list ul li:nth-child(1), .kolkata-get-list ul li:nth-child(2), .kolkata-get-list ul li:nth-child(4), .kolkata-get-list ul li:nth-child(5), .kolkata-get-list ul li:nth-child(6) {margin-left: 0;}
    .kolkata-get-list ul li {
        margin: 0 auto 6px !important;
        text-align: center;
    }
    .bann-content {
        right: 30px;
        top: 30px;
    }
    .location-map-row {
    justify-content: center;}
    .enroll-title h6 { letter-spacing: 1px;}
    .kolkata-get-bg:before {
        top: 40px;
    }
    .kolkata-get-black-circel, .kolkata-get-right-circel{display: none;}
    .kolkata-get-content { margin-top: 40px;}
    .diverse-bg:before { top: 10px;}
    .diverse-top-circel {
        height: 20px;
        width: 20px;
        top: -1px;}
        .diverse-content {
        margin-top: 50px;
    }
    




}

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

    :root{
        --f-size-XXXL: 35px;/*--h1--*/
        --f-size-XXL: 30px;/*--h2--*/
        --f-size-XL: 28px;/*--h3--*/
        --f-size-L: 24px;/*--h4--*/
        
        --f-size-M: 19px;
        --f-size-S: 17px; 
        --f-size-Body: 15px;
        --f-size-btn: 17px;
        --margin-title: 0 0 15px 0;
    }
    .logo {
        max-width: 300px;
    }
    .slider-wrap{background-color: var(--clr-gray-light);}
        .bann-content {
        right: 0;
        top: 0;
        position: relative;
        text-align: center;
        width: 100%;
        max-width: inherit;
        padding: 30px 0 20px;
        border-bottom: 5px solid var(--clr-btn);
    }
    .bann-content:before{display: none;}
    .banner-blue-circle{display: none;}
    .power-house-list ul li { width: calc(48% - 12px); margin: 0 9px 30px;}
    .power-house-circle {
        width: 180px;
        height: 180px;
    }
    .book-commercial-pic:before {
        width: 60px;
        bottom: 15px;
        left: -30px;
        height: 5px;
    }
    .book-commercial-pic:after{
        width: 60px;
        top: 15px;
        right: -30px;
        height: 5px;
    }
    .kolkata-get-blue-line {
        right: 10%;}
    .kolkata-get-right-circel {
        height: 25px;
        width: 25px;
        top: 95px;
    }
    .location-map {
        width: 100%;
    }
    .global-join-title{text-align: center;}
    .ecosystem-title {
        padding-left: 0px;
        text-align: center;
        margin: 0 auto 20px;
    }
    .ecosystem-title:before{display: none;}
    .ecosystem-title:after {
        width: 80px;
        left: 0;
        margin: 0 auto;
    }
    .logo {
        margin: 0 auto;
    }




}
@media only screen and ( max-width: 575px ) {
    :root{
        --f-size-XXXL: 30px;/*--h1--*/
        --f-size-XXL: 28px;/*--h2--*/
        --f-size-XL: 26px;/*--h3--*/
        --f-size-L: 22px;/*--h4--*/
        
        --f-size-M: 18px;
        --f-size-S: 16px; 
        --f-size-Body: 15px;
        --f-size-btn: 16px;
        /*--margin-title: 0 0 15px 0;*/
    }

    .book-commercial-pic:before, .book-commercial-pic:after, .kolkata-get-blue-line, .kolkata-get-right-circel, .location-right-circel{display: none;}
        .input-row .form-label {
        width: 100%;
        font-size: 18px;
        margin-bottom: 5px;
    }
    .enroll-sec .input-row .wpcf7-form-control-wrap {
        width: 100%;
    }
    .kolkata-get-left-circel {
        height: 20px;
        width: 20px;
        bottom: -10px;
    }
    .bann-content { padding: 20px 0 10px;}
    

}
@media only screen and ( max-width: 480px ) {
    :root{
        --f-size-XXXL: 28px;/*--h1--*/
        --f-size-XXL: 26px;/*--h2--*/
        --f-size-XL: 24px;/*--h3--*/
        --f-size-L: 20px;/*--h4--*/
        
        /*--f-size-M: 18px;
        --f-size-S: 16px; 
        --f-size-Body: 15px;
        --f-size-btn: 16px;
        --margin-title: 0 0 15px 0;*/
    }

    .kolkata-get-pic {
        width: 350px;
        height: 350px;}
        .power-house-circle {
        width: 150px;
        height: 150px;}
        .power-house-border {
        width: 70px;
       }
           .logo {
        max-width: 250px;
    }
        .ftr-logo img {
        max-width: 250px;
    }
    .ftr-project-by li:first-child {
        font-size: 17px;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    ul.copyrht-menu li {
    border-right: none;
    padding: 0 0px;
    width: 100%;
    margin-bottom: 6px;}
    .book-commercial-pic { margin: 20px auto;}

}
@media only screen and ( max-width: 380px ) {
    :root{
        --f-size-XXXL: 26px;/*--h1--*/
        --f-size-XXL: 24px;/*--h2--*/
        --f-size-XL: 22px;/*--h3--*/
        /*--f-size-L: 20px;*/
        
        /*--f-size-M: 18px;
        --f-size-S: 16px; 
        --f-size-Body: 15px;
        --f-size-btn: 16px;
        --margin-title: 0 0 15px 0;*/
    }

    .kolkata-get-pic {
        width: 280px;
        height: 280px;}
    .power-house-circle {
        width: 140px;
        height: 140px;
    }


}

/*Media Query css*/