@font-face {
    font-family: 'GothamBold';
    src: url(../fonts/Gotham-Bold.otf);
}
@font-face {
    font-family: 'GothamLight';
    src: url(../fonts/Gotham-Light.otf);
}

/*.row {
    margin-left:0px;
    justify-content:space-between;
    align-items:center;
}

.container .row .col-text {
    flex-grow:0;
    flex-shrink:1;
    flex-basis:auto;
}*/

/*.container .row .col-md-4:nth-child(3) {
    padding-left:60px;
}*/

h1 {
    font-size: 30px;
    font-weight: 700;
}

h2 {
    font-size:16px;
    line-height:23px;
    font-weight:300;
}

/* home-start */
.text{
font-family: 'GothamBold';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 13px;
color: #323232;
}
.heading-tag{
font-family: 'GothamBold';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 33px;
color: #323232;
text-align: center;
padding-top: 100px;
}
.paragraph{
font-family: 'GothamLight';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
text-align: center;
color: #323232;
padding-top: 20px;
padding-bottom: 60px;
padding-left: 190px;
padding-right: 190px;
}
.navbar-nav {
font-family: 'GothamLight';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 23px;
text-align: center;
color: #000000;
}
.active{
    color: #000000; 
    font-weight: bold;
    font-family: 'GothamBold'; 
}
.navbar-nav {
    column-gap: 123px;
    padding: 23px 0px;
}
section#logo-text {
    padding-top: 32px;
}
#img-text{
    padding-top: 80px;
    padding-bottom: 98px;
}
.card-body {
    padding: 0px;
}


img.card-img-top {
    width: 150px;
    max-height:37px;
}

/*Roland*/

img.card-img-top2 {
    width: 150px;
    /*height:37px;*/
}


/*.card-img-top {
    width: 150px;
    height:37px;
    display:flex;
    align-items:center;
}*/
.card{
    padding-right: 50px;
}
#img-text .card {
    border: none;
}
#img-text .card-text{
font-family: 'GothamLight';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #000000;
padding-top: 50px;/*Roland - original value 79px*/
padding-bottom: 20px;/*Roland - original was 66*/
}

#img-text .card-text2{
    font-family: 'GothamLight';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    padding-top: 63.35px;/*Roland - original value 79px*/
    padding-bottom: 20px;/*Roland - original was 66*/
}

#img-text .btnn{
font-family: 'GothamLight';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 23px;
color: #3C5FBA;
}
/* Home-end */

/* About-start */

.heading-tag1{
font-family: 'GothamBold';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 33px;
color: #323232;
text-align: center;
padding-top: 100px;
/*padding-bottom: 149px;Roland*/
}
.paragraph-who-we-are{
font-family: 'GothamLight';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 23px;
color: #000000;
}
#about-paragraph{
    padding-top: 80px;
    padding-bottom: 154px;
}
/* About-end */

/* Net-Zero-start */

#about-paragraph2{
    padding-top: 80px;
    padding-bottom: 288px;
}
/* Net-zero-end */
/* Contact-start */
#Contact-paragraph{
    padding-top: 80px;
    padding-bottom: 43px;
}
h6{
font-family: 'GothamBold';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 23px;
color: #000000;
padding-top: 51px;
 }
.para2{
font-family: 'GothamLight';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #000000;
}
.forMobile{
    display: none;
}
/* Contact-end */

@media only screen and (max-width: 600px) {
    .paragraph  {
    padding-left: 0px;
    padding-right: 0px;
    }
    .card  {
        padding-left: 0px;
        padding-bottom: 20px;
        }
        section#logo-text {
            display: flex;
            flex-direction: column;
            padding-top: 0px;
        }
        .forMobile{
            display: block;
        }
        .forDesktop{
            display: none;
        }
        .heading-tag{
            padding-top: 50px;
        }
        img.card-img-top {
            /*padding-top: 50px;*/
            margin-top:5%
        }
        img.card-img-top2 {
            margin-top:5%;
        }
        #img-text {
            padding-top: 0px;
            padding-bottom: 50px;
        }
        .heading-tag1{
            padding-top: 70px;
            padding-bottom: 0px;
        }
        #about-paragraph2 {
            padding-top: 70px;
            padding-bottom: 70px;
        }
        #about-paragraph {
            padding-top: 55px;
            padding-bottom: 55px;
        }
        #Contact-paragraph {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        #img-text .card {
            /* border: none; */
            border: 1px solid gray;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 25px;
        }
        .col-md-4 {
            padding-bottom: 30px;
        }
     .main-col:nth-child(1) { order: 1; }
     .main-col:nth-child(2) { order: 3; }
     .main-col:nth-child(3) { order: 2; }
      
  }

  @media only screen and (max-width: 900px) and (min-width: 700px){
    .main-col:nth-child(1) { order: 1; }
    .main-col:nth-child(2) { order: 3; }
    .main-col:nth-child(3) { order: 2; }

    .forMobile{
        display: block;
    }
    .forDesktop{
        display: none;
    }
    section#logo-text {
        display: flex;
        flex-direction: column;
        padding-top: 0px;
    }
    .paragraph{
        padding-left: 0px;
        padding-right: 0px;
    }
    .heading-tag {
        padding-top: 55px;
    }
    #img-text {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    img.card-img-top {
        width: 200px;
    }
    .heading-tag1{
        padding-top: 55px;
        padding-bottom: 0px;
    }
    .col-md-3.col-sm {
        display: none;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 100%;
        max-width: 100%;
    }
    #Contact-paragraph {
        padding-top: 55px;
        padding-bottom: 43px;
    }
    #about-paragraph {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .col-1 {
        display: none;
    }
    .col-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 100%;
        max-width: 100%;
    }
    #about-paragraph2 {
        padding-top: 65px;
        padding-bottom: 65px;
    }
  }
  /* @media only screen and (max-width: 1024px) and (min-width: 1200px){
    .navbar-nav {
        column-gap: 115px;
    }
  } */