body {
    background-color: #fcfcfc;
    color: #575757;
    background-image: none;
    background-position: top left;
    background-size: auto;
    background-attachment: scroll;
    background-repeat: repeat;
}

.navbar { padding-top: 75px; margin-top: 10px; margin-bottom: 40px;padding-left: 0;padding-right: 0;}

.container-fluid{padding: 0;}
    
.navbar-nav .nav-link { padding-right: 0px!important;}
   
/* @media (max-width: 768px) {.logo1 { margin:auto;display:block; }} */

.canvas {text-align:center; width:100% !important;margin-left:auto; margin-right: auto;padding-left: 0px; padding-right: 0px;padding: 0px 15px;}

@media (min-width: 768px) {.canvas { width: 100% !important; }}

@media (min-width: 940px) { .canvas { width: 940px !important;  }}
   
@media (min-width: 1200px) {.canvas { width: 1200px !important; padding: 0;}}

@media (min-width: 1500px) { .canvas {width: 1200px !important;  margin-left: auto; margin-right: auto;}}


.row{padding: 50px 0;}

.navbar-brand {color: blue;padding: 0;}

.menu-item {font-family: "FuturaTEE"; letter-spacing: 1px;text-transform: uppercase;font-weight: lighter;font-size: 13px;}
    
.about-content p { color:#575757; text-align:left; word-wrap: break-word;font-size: 14px;line-height: 1.8em !important;text-transform: none;text-decoration: none; font-weight: 400; font-style: normal; margin:auto;} 

.row.about-content.row-cols-2 { padding-top: 45px;}.footer {text-align: right;}
 

.content { padding-top:30px; }

@media (min-width: 768px) {.content { padding-top:30px; }}

@media (min-width: 940px) {.content { margin-top: 90px; padding: 0px 61px; padding-right: 0px;padding-left: 98px;}} 

@media (min-width: 1200px) {.content { margin-top: 135px; padding:0px 61px;padding-right: 0px;padding-left: 120px;}}
         
@media (min-width: 1500px) { .content{margin-top: 90px;margin-top: 90px;padding: 55px 60px;padding-right: 0px;padding-left: 120px;}}



/* .navbar-expand-lg .navbar-nav .nav-link {padding-right:1.5rem; padding-right:1.5rem;padding-left: 0.7rem;} */


.navbar-expand-lg .navbar-nav .nav-link { padding-right: 29px; padding-left: 29px;}

   


.about-image { margin: 0 auto;width: 350px;height: 350px;max-width: 350px !important;}
@media (min-width: 768px) { .about-image  {width: 318px;height: 308px;max-width: 318px !important;} } 
/* @media (min-width: 940px) {.about-image  { margin-top: 79px;} } */
@media (min-width: 1200px) { .about-image  {width: 583px;height: 565px;max-width: 583px !important;    margin-top: 52px;} }
@media (min-width: 1500px) {   .about-image  {width: 583px;height: 565px;max-width: 583px !important;} }

.navbar-brand img {margin:auto;max-width: 91px;height: auto;width: 100%;margin-left: 140px;}


@media (min-width: 768px) {.navbar-brand img { margin: auto;max-width: 145px;height: auto;width: 100%; }}

@media (min-width: 940px) { .navbar-brand img { margin: auto;max-width: 145px;height: auto;width: 100%;  }}
   
@media (min-width: 1200px) {.navbar-brand img { margin: auto;max-width: 145px;height: auto;width: 100%; justify-content: left;}}

@media (min-width: 1500px) { .navbar-brand img {margin: auto;max-width: 145px;height: auto;width: 100%;}}

.nav-item{margin-right: 0;}
@media (min-width: 768px) { .nav-item  {margin-right: 0; } } 
@media (min-width: 940px) {.nav-item  {margin-right: 20px;} }
@media (min-width: 1200px) {.nav-item  {margin-right: 19px;} }
@media (min-width: 1500px) {.nav-item  {margin-right: 1px;  padding-left: 0px;} }
li.nav-item:last-child {
    margin-right: 0;
  }

.email-footer {float: right;width: 20px;height: auto;margin-bottom: 100px !important;margin-top: 50px !important;}



/* Work page css */

.portfolio-item {float: left;cursor: pointer;}
.portfolio-item-text {position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0, 0, 0, 0.7);color:#fff;
padding: 5px; text-align: center;}


.divider{color:#575757; text-align:left; word-wrap: break-word;font-size: 14px;line-height: 1.8em !important;text-transform: none;text-decoration: none; font-weight: 400; font-style: normal; margin:auto;text-align: left;margin-top: 50px;font-size: 15px;margin-top: 89px; margin-bottom:53px;}

.grid-content a{font-family: "FuturaTEE";font-size: 14px;letter-spacing: 0.84px;margin-top: 7px;color: #575757;
text-align: center; }
.grid-content{ margin-top: 5px;margin-bottom: 38px !important; }

.portfolio-item:hover {
  opacity: 0.8; /* Decrease opacity on hover */
}

.portfolio-item img {width: 376px;height: 376px;transition: opacity 0.3s ease;cursor: pointer;object-fit: cover; }


.portfolio-image{
  margin-bottom: 10px;
}
.grid-content a:hover {text-decoration: none;}

.first-grid{margin-top: 10% !important;}

@media (min-width: 768px) {.first-grid{margin-top: 0 !important;}}

@media (min-width: 940px) {.first-grid{margin-top: 0 !important;}}

@media (min-width: 1200px) {.first-grid{margin-top: 0 !important;}}

@media (min-width: 1500px) {.first-grid{margin-top: 0 !important;}}
  



.portfolio-item img {width: auto;height: auto; transition: opacity 0.3s ease;cursor: pointer;object-fit: cover; }


@media (min-width: 768px) {.portfolio-item img  {width: 376px; height: auto;}}

@media (min-width: 940px) {.portfolio-item img  {width: 376px; height: auto;}}

@media (min-width: 1200px) {.portfolio-item img  {height: 366px;width: 376px;}}

@media (min-width: 1500px) {.portfolio-item img  {height:376px;width: 376px;}}
  
 
.navbar-toggler { left: 50%;top: 10%; transform: translate(-50%, -50%);  position: absolute; margin: auto; align-items: center; text-align: center;font-family: "FuturaTEE";font-size: 15px;letter-spacing: 1px ;}

/* a.navbar-brand{margin:auto;} */
.navbar-light .navbar-toggler{border-color: transparent;}


.navbar-brand.collapsed {transform: translateY(100%);padding-top:31px;}

@media (max-width: 991.98px) {
  .navbar-collapse  {transition: transform 0.3s ease; transform-origin: top; transform: translateY(-75%); align-items:center;font-weight:200;margin-top: -45px; text-transform: uppercase;text-decoration: none;letter-spacing:1px;font-weight: 300;font-style: normal;color: rgba(153, 153, 153, .7);font-size: 15px;display: block;
text-align: center;}}

  .navbar-collapse.show .navbar-nav { transform: translateY(0%) ; }

 
 .menu-divider {
    border: none;
    border-top: 1px solid #ccc; /* Change color as needed */
    margin: 10px 0; /* Adjust margin as needed */
    display: none; /* Initially hide the <hr> line */
}



/* Logo page Css */



/* Style for large images */


a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block; margin:0 auto;}

.text {margin-top:23px !important;margin-bottom: 41px !important;margin-right: -23px !important;font-size: 15px;line-height: 1.8em;text-transform: none;text-decoration: none;font-weight: 300;font-style: normal;margin: 0 0 1em; }

/* Add margin between rows */

.row {
    padding: 0px 0;
}


.project-logo {width: 250px;float: right; /* Float it to the right by default */margin-top: 1px;margin-left:-100px; /* Center it horizontally */margin-right:auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-logo {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.logo-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;
}
.logo-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin:0 1em; text-align: left;}




@media (min-width: 768px) {.img {width: 400px; }}

@media (min-width: 940px) {.img{  width: 900px;}}
@media (min-width: 1500px) {.img{  width: 900px;}} 

.project-controlslogo {display: flex;justify-content: space-between;
  margin-top: 35px;
  margin-bottom: 26px;
}

#projectNavwhisk {text-align: right;}

.project-controlslogo > div {display: flex;align-items: center;}
a:hover {text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
  .project-controlslogo {display: flex;justify-content: space-between;margin-top: 88px;margin-bottom: 57px;}}

  /* Whick Page Css */
.project-whisk {width: 250px;float: right; /* Float it to the right by default */margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-whisk {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.whisk-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.whisk-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin: 0 0 1em; text-align: left; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block;}

p {margin-top: 20px;margin-bottom: 20px;}

/* Add margin between rows */

.row {
    padding: 0px 0;
}


.project-controlswhisk {display: flex;justify-content: space-between;
  margin-top: 35px;
  margin-bottom: 26px;
}

#projectNavwhisk {text-align: right;}

.project-controlswhisk > div {display: flex;align-items: center;}
a:hover {text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
  .project-controlswhisk {display: flex;justify-content: space-between;margin-top: 88px;margin-bottom: 57px;}}
                  /* Core page css */


.project-core {width: 250px;float: right; /* Float it to the right by default */margin-top: 24px;margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-core {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.core-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.core-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin: 0 0 1em; text-align: left; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block;margin:0 auto ;}
.col-md-6 {margin-bottom: 20px;}
p {margin-top: 20px;margin-bottom: 20px;}

/* Add margin between rows */

.row {
    padding: 0px 0;
}





.project-controls {display: flex;justify-content: space-between;margin-top: 67px;margin-bottom: 36px;}

#projectNav {text-align: right;}

.project-controls > div {display: flex;align-items: center;}
a:hover {text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}

.project-controlscore {display: flex;justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 12px;
}

#projectNavcore {text-align: right;}

.project-controlscore > div {display: flex;align-items: center;}
a:hover {text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
.project-controlscore {display: flex;justify-content: space-between;margin-top: 88px;margin-bottom: 57px;}}


                      /*  Bond Page css */

.project-bond {width: 250px;float: right; /* Float it to the right by default */margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-bond {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.bond-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.bond-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin: 0 0 1em; text-align: left; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block; margin: 31px auto;}

p {margin-top: 20px;margin-bottom: 20px;}

/* Add margin between rows */

.row {
    padding: 0px 0;
}




.project-controls3 {display: flex;justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 12px;
}

#projectNav3 {text-align: right;}

.project-controls3 > div {display: flex;align-items: center;}
a:hover {text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
.project-controls3 {display: flex;justify-content: space-between;margin-top: 88px;margin-bottom: 57px;}}


/* Thumb Page css */


.project-thumb {width: 250px;float: right; /* Float it to the right by default */margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-thumb {float: none; /* Remove float for mobile view */ margin: 61px auto 0;width: auto; }}

.thumb-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.thumb-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin: 0 0 1em; text-align: left; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block; margin: 0 auto;}

p {margin-top: 20px;margin-bottom: 20px;}

/* Add margin between rows */

.row {
    padding: 0px 0;
}



.project-controls {display: flex;justify-content: space-between;margin-top: 32px;margin-bottom: 60px;}

#projectNav {text-align: right;}

.project-controls > div {display: flex;align-items: center;}
a:hover { text-decoration: none; /* Remove underline */  color:black; /* Change text color to blue */}


/* Gulzar page css */

.project-gulzar {width: 250px;float: right; /* Float it to the right by default */margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-gulzar {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.gulzar-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.gulzar-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin: 0 0 1em; text-align: left; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block; margin: 0 auto;}
.col-md-6 {margin-bottom:0px;}
p {margin-top: 20px;margin-bottom: 20px;}

/* Add margin between rows */

.row {padding: 0px 0;}



.project-controls {display: flex;justify-content: space-between;margin-top: -22px;margin-bottom: 12px;}

#projectNav {text-align: right;}

.project-controls > div {display: flex;align-items: center;}
a:hover {text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
.project-controls {display: flex;justify-content: space-between;margin-top: 44px;margin-bottom: 37px;}}



/*  Cup page css */


.project-cup {width: 250px;float: right; /* Float it to the right by default */margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-cup {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.cup-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.cup-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin: 0 0 1em; text-align: left; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block;}
.col-md-6 {margin-bottom: 20px;}
p {margin-top: 20px;margin-bottom: 20px; }
.car{
    font-weight: 700;
}

/* Add margin between rows */

.project-controlscup {display: flex;  justify-content: space-between;  margin-top: 0px;  margin-bottom: 12px;}

#projectNavcup {text-align: right;}

.project-controlscup > div { display: flex; align-items: center;
}
a:hover {text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
.project-controlscup {  display: flex; justify-content: space-between;  margin-top: 108px;   margin-bottom: 37px;}}


   /*  Tea page css */

   .project-tea {width: 250px;float: right; /* Float it to the right by default */margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-tea {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.tea-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.tea-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin: 0 0 1em; text-align: left; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block; margin: 0 auto;}

p {margin-top: 20px;margin-bottom: 20px;}

/* Add margin between rows */


.col-md-6 {margin-bottom: 20px ;}

.project-controlstea {display: flex;justify-content: space-between;margin-top: 28px;margin-bottom: 52px;}

#projectNavtea {text-align: right;}

.project-controlstea > div {display: flex;align-items: center;}

a:hover {text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
.project-controlstea { display: flex; justify-content: space-between;margin-top: 108px;margin-bottom: 37px;}}

/*    donuts page css */


.project-donuts {width: 250px;float: right; /* Float it to the right by default */margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-donuts {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.donuts-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.donuts-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin: 0 0 1em; text-align: left; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block; margin: 0 auto;}

p {margin-top: 20px;margin-bottom: 20px;}

/* Add margin between rows */

.row {padding: 0px 0;}
.col-md-6 {margin-bottom: 20px;}

@media (min-width: 768px) {.img {width: 400px; }}

@media (min-width: 940px) {.img{  width: 900px;}}
@media (min-width: 1500px) {.img{  width: 900px;}} 

.project-controls { display: flex;  justify-content: space-between; margin-top: 28px;  margin-bottom: 52px;
}

#projectNav { text-align: right;}

.project-controls > div {display: flex;align-items: center;}
a:hover {  text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
.project-controls {  display: flex; justify-content: space-between;  margin-top: 97px;margin-bottom: 37px;}}


  /*  noragot page css */


.project-nora {width: 250px;float: right; /* Float it to the right by default */margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-nora {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.nora-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.nora-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin: 0 0 1em; text-align: left; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block; margin: 0 auto;}

p {margin-top: 20px;margin-bottom: 20px;}

/* Add margin between rows */

.row {padding: 0px 0;}



.project-controlsnora {display: flex;justify-content: space-between;margin-top: 28px;margin-bottom: 52px;}

#projectNavnora {text-align: right;}

.project-controlsnora > div {display: flex;align-items: center;}
a:hover {text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
.project-controlsnora {
    display: flex;justify-content: space-between;margin-top: 97px;margin-bottom: 37px;}}


/* Book page css */

.project-book {width: 250px;float: right; /* Float it to the right by default */margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-book {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.book-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.book-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight: 300; font-style: normal; margin: 0 0 1em; text-align: left; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block; margin: 0 auto;}
.col-md-6 {
    margin-bottom: 20px;
}
p {margin-top: 20px;margin-bottom: 20px;}

/* Add margin between rows */


.project-controlsbook {display: flex; justify-content: space-between;margin-top: 28px;margin-bottom: 52px;}

#projectNavbook {text-align: right;}

.project-controlsbook > div {display: flex;align-items: center;}
a:hover {text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
.project-controlsbook {display: flex;justify-content: space-between;margin-top: 97px;margin-bottom: 37px;}}

/* Kolachi Page css */

.project-kolachi {width: 250px;float: right; /* Float it to the right by default */margin-left: -100px; /* Center it horizontally */margin-right: auto; /* Center it horizontally */}

/* Media query for mobile view  project meta*/
@media (max-width: 767px) {.project-kolachi {float: none; /* Remove float for mobile view */ margin: 61px auto 0; width: auto;}}

.kolachi-title{font-size: 1.6em;line-height: 1.2em;text-transform: uppercase;text-decoration: none;letter-spacing: .06em;font-weight: 300;font-style: normal;text-align: left;
}
.kolachi-description{font-size: 15px;line-height: 1.8em;text-transform: none;
text-decoration: none;font-weight:300 ; font-style: normal; margin: 0 0 1em; text-align: left; ; }

a {color: #575757;text-decoration: none;background-color: transparent;}
img {vertical-align: middle;border-style: none;max-width: 100%; display: block; margin: 0 auto;}
.col-md-6 {
    margin-bottom: 20px;
}
p {margin-top: 20px;margin-bottom: 20px;}

/* Add margin between rows */

.row {
    padding: 0px 0;
}

@media (min-width: 768px){
.col-md-6 {-ms-flex: 0 0 50%;flex: 8 0 50%;max-width: 66%;margin-top: 91px;margin-bottom: -50px !important;}}
@media (min-width: 940px){
  .col-md-6 {-ms-flex: 0 0 50%;flex: 8 0 50%;max-width: 69%;margin-top: 91px;margin-bottom: -50px !important;}}
  @media (min-width: 1200px){
    .col-md-6 {-ms-flex: 0 0 50%;flex: 8 0 50%;max-width: 75%;margin-top: 91px;margin-bottom: -50px !important;}}

    @media (min-width: 1500px){
      .col-md-6 {-ms-flex: 0 0 50%;flex: 8 0 50%;max-width: 75%;margin-top: 91px;margin-bottom: -50px !important;}}

.project-controlskolachi { display: flex; justify-content: space-between;   margin-top: 28px; margin-bottom: 52px;}

#projectNavkolachi { text-align: right;}

.project-controlskolachi > div { display: flex; align-items: center;}
a:hover {  text-decoration: none; /* Remove underline */color:black; /* Change text color to blue */}
@media (min-width: 768px){
.project-controlskolachi {display: flex; justify-content: space-between; margin-top: 97px;margin-bottom: 37px;}}