/* 
@font-face {
	font-family: 'GolosTextWebBlack';
	src: 
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_black.woff2') format('woff2'),
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_black.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'GolosTextWebBold';
	src: 
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_bold.woff2') format('woff2'),
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'IBM Plex Mono';
	src: 
		url('../fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf') format('truetype');

	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Sans Regular";
  src: url("../fonts/Inria_Sans/InriaSans-Regular.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Sans Italic";
  src: url("../fonts/Inria_Sans/InriaSans-Italic.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Sans Light";
  src: url("../fonts/Inria_Sans/InriaSans-Light.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Sans LightItalic";
  src: url("../fonts/Inria_Sans/InriaSans-LightItalic.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Sans Bold";
  src: url("../fonts/Inria_Sans/InriaSans-Bold.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Sans BoldItalic";
  src: url("../fonts/Inria_Sans/InriaSans-BoldItalic.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}




@font-face {
  font-family: "Inria Serif Regular";
  src: url("../fonts/Inria_Serif/InriaSerif-Regular.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Serif Italic";
  src: url("../fonts/Inria_Serif/InriaSerif-Italic.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Serif Light";
  src: url("../fonts/Inria_Sans/InriaSerif-Light.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Serif LightItalic";
  src: url("../fonts/Inria_Serif/InriaSerif-LightItalic.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Serif Bold";
  src: url("../fonts/Inria_Serif/InriaSerif-Bold.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
  font-family: "Inria Serif BoldItalic";
  src: url("../fonts/Inria_Serif/InriaSerif-BoldItalic.ttf") format('truetype');
  	font-weight: normal;
	font-style: normal;
	font-display: swap;
}




/*

@font-face {
	font-family: 'GolosTextWebDemiBold';
	src: 
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_demiBold.woff2') format('woff2'),
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_demiBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GolosTextWebMedium';
	src: 
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_medium.woff2') format('woff2'),
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
} */
@font-face {
	font-family: 'GolosTextWebRegular';
	src: 
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_regular.woff2') format('woff2'),
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'GolosTextWebVF';
	src: 
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_vf.woff2') format('woff2'),
		url('../fonts/Golos-Text.web/PT/PT/Golos-Text/golos-text_vf.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


*{
    box-sizing: border-box;
}
:root{
    --f-gt-bold: 'GolosTextWebBold';
    --f-gt-regular: 'GolosTextWebRegular';
    --f-gt-vf : 'GolosTextWebVF';

    --inset: calc( env(safe-area-inset-top));
    --inbottom : calc( env(safe-area-inset-bottom));
    --grid-mid-col : calc(77vh - env(safe-area-inset-top));
    

    --color-1 : #000000;
    --color-2 : #ffffff;
    --color-3 : #999999;
    
    --rot : rotate(90deg);
     
    

}
.home-main-exclusive{
    background-color: var(--color-1);
}
input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
#pixels {
    width: 100%;
    height: calc(80% - var(--inset) - var(--inbottom)) ;
    /* position: absolute; */
    /* margin-top: 3.5%; */
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-template-rows: repeat(var(--rows), 1fr);
  }
  
  .pixel {
    outline: 1px solid transparent;
  }

section.home{
    height: calc(93% - var(--inset) - var(--inbottom)) ;
    width: 100%;
    /* z-index: 99; */
    /* position: absolute; */
    /* mix-blend-mode: difference; */
}
footer{
    /* height: var(--foot-height); */
    height: var(--foot-height);
    /* margin-bottom: var(--inbottom); */
}
html{
    /* height: 100%; */

    height: calc(93% - var(--inset) - var(--inbottom));
    width: 100%;
    /* scroll-snap-type: y mandatory; */
    scroll-behavior: smooth;
    overflow: hidden;
    cursor: none;
    background-color: var(--color-1);
    margin-top: var(--inset);
    /* position: relative; */

    overflow-y: hidden;
    /* cursor: url('../img/Cursor.svg'), auto !important; */
    /* mix-blend-mode: exclusion; */
}
/* cursor  */
textarea, a, h3, button{
    cursor: none !important;
}
textarea:hover , a:hover, h3,:hover button:hover{
    cursor: none;
}

textarea {
    /* iOS Safari */
    -webkit-touch-callout: auto;
    /* Safari */
    -webkit-user-select: text;
    /* Konqueror HTML */
    -khtml-user-select: auto;
    /* Firefox */
    -moz-user-select: auto;
    /* Internet Explorer/Edge */
    -ms-user-select: auto;
    /* Non-prefixed version, currently supported by Chrome and Opera */
    user-select: auto;
}



.cursor {
    pointer-events: none ;
    position:absolute;
    width: 40px;
    height: 20px;
    background: #fff;
    mix-blend-mode: difference;
    background: #fff;
    clip-path: polygon(0% 0%, 40% 0%, 40% 80%,100% 80%, 100% 100%, 0% 100%);
    /* transform: var(--rot); */
    z-index: 10000000;
  }
#custom-cursor.rotate{
    transform: rotate(20deg);
}

/* cursor  */
  

body{
    margin: 0;
    display: flex;
    flex-direction: column;
    /* margin-bottom: 0; */
    margin-bottom: var(--inset);
    height: calc(100% - var(--inset));    
    width: 100%;
    scroll-behavior: smooth;
    overflow: hidden;
    position: absolute;
    margin-top: var(--inset);
    
}



/* header styling  */
header{    
     height: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* font-size: 2vmin; */
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease-in-out;                  
    -moz-transition: all 0.5s ease-in-out;                 
    -o-transition: all 0.5s ease-in-out;   
    -ms-transition: all 0.5s ease-in-out;          
    transition: all 0.5s ease-in-out;
    background-color: var(--color-1);
    /* border-bottom: 2px solid var(--color-2); */
}
header div{
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    width: 100%;

}
header a{
    text-decoration: none;
    color: white;
    font-family: 'Inria Sans Regular';
 
    font-size: 1.3rem;
  
}

.hamburger {
    margin-right: 1rem;
}



.hi-1 a{
    height: calc(1.7vmin + 1.1vmax);
}
.hi-1 svg{
    fill: var(--color-2);
    color: var(--color-2);
    height: 100%;
    /* height: 4vmin; */
    width: auto;
    
}
header .mobile-menu{
    display: none;
    z-index: 99;
}
.hidden-menu{
    display: none;
}
.hi-1{
    margin-left: 2rem;
    -webkit-transition: all 0.5s ease-in-out;                  
    -moz-transition: all 0.5s ease-in-out;                 
    -o-transition: all 0.5s ease-in-out;   
    -ms-transition: all 0.5s ease-in-out;          
    transition: all 0.5s ease-in-out;
}
.hi-7{
    margin-right: 2rem;
}
.hi-1, .hi-2, .hi-3,
.hi-4, .hi-5, .hi-6,
.hi-7{
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    flex-direction: row;
     padding: 0;
     /* padding-top: 0.3em; */
     /* padding-bottom: 0.1em; */
    -webkit-transition: all 0.5s ease-in-out;                  
    -moz-transition: all 0.5s ease-in-out;                 
    -o-transition: all 0.5s ease-in-out;   
    -ms-transition: all 0.5s ease-in-out;          
    transition: all 0.5s ease-in-out;
    text-align: center;
    
    color: var(--color-3);
}
.hi-1:hover, .hi-2:hover, .hi-3:hover,
.hi-4:hover, .hi-5:hover, .hi-6:hover,
.hi-7:hover{
  text-decoration: underline;
	text-underline-offset: 0.5rem;
	text-decoration-thickness: 0.2rem;

    /* cursor: pointer; */
}

.index .hi-1{
    margin-right: calc(100vw - 60%);
    background-color: var(--color-1);
    color: var(--color-2);


}

.hi-1{
    margin-right: calc(100vw - 60%);
    background-color: var(--color-1);
    color: var(--color-2);


}

.hi-1:hover svg{
    fill: var(--color-2);
    -webkit-transition: all 0.5s ease-in-out;                  
    -moz-transition: all 0.5s ease-in-out;                 
    -o-transition: all 0.5s ease-in-out;   
    -ms-transition: all 0.5s ease-in-out;          
    transition: all 0.5s ease-in-out;
}
.index .hi-1 svg{
    fill: var(--color-2);
    color: var(--color-2);

}
.about-header .hi-3{
    background-color: var(--color-1);
    color: var(--color-2);  
     text-decoration: underline;
	text-underline-offset: 0.5rem;
	text-decoration-thickness: 0.2rem;
}

.articles-header .hi-5{
    background-color: var(--color-1);
    color: var(--color-2); 
     text-decoration: underline;
	text-underline-offset: 0.5rem;
	text-decoration-thickness: 0.2rem;
}


.services-header .hi-4{
    background-color: var(--color-1);
    color: var(--color-2); 
     text-decoration: underline;
	text-underline-offset: 0.5rem;
	text-decoration-thickness: 0.2rem;
}
.work-header .hi-2{
    background-color: var(--color-1);
    color: var(--color-2);  
     text-decoration: underline;
	text-underline-offset: 0.5rem;
	text-decoration-thickness: 0.2rem;
}

.contact-header .hi-7{
    background-color: var(--color-1);
    color: var(--color-2); 
     text-decoration: underline;
	text-underline-offset: 0.5rem;
	text-decoration-thickness: 0.2rem;
}


.home{
    /* width: 100vw; */
    overflow-y: scroll;
    overflow-x: hidden;
}


.home-main{
        margin-top: 4rem;
    display: flex;
   
   
    flex-direction: column;
    border: none;
    
    width: 100%;
    
}




section.work-main-exclusive{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* z-index: 7; */
    background-color: var(--color-1);
    
}

section.services-main-exclusive{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: var(--color-1);
    /* z-index: 7; */
    /* background-color: none; */
    
}


section.about-main-exclusive{

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
   

    
}
section.about-sub{
   display: flex;
   margin: 2rem 2rem;
}

section.articles-main-exclusive{

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* z-index: 7; */

    
}

section.articles-sub{
    
    padding-bottom: 15vh;
}



section.contact-main-exclusive{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* z-index: 7; */
    
}






.home-exclusive {
    display: flex;
    flex-direction: column;
   
    
    
}

.text-container {
    margin-left: 2rem;
    display: inline; 
    width:60%;
}

.home-exclusive h1,
.home-exclusive p {
    display: inline; 
    margin: 0; 
    color: var(--color-2);
    font-family: 'Inria Sans Light';
    font-size: 3rem;
   
    
}


.project-info {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
}


.project-info a {
    text-underline-offset: 0.3rem;
    color: var(--color-2);
     font-family: 'Inria Sans Regular';
    font-size: 2rem;
    text-decoration: underline;
    
}

.project-description {
    
     color: var(--color-2);
     font-family: 'Inria Sans Light';
    font-size: 2rem;
}




div{
    display: unset;
}
.home-main path{
    fill: var(--color-2);
}
.home-main rect{
    fill: var(--color-2);
}

/* home styling  */








.contact-button {
    font-family: 'Inria Sans Regular';
    border: none;
    color: white;
    background-color: red;
    width: 12rem;
    Height: 4rem;
    font-size: 1.3rem;
    margin-top: 2rem;
    margin-left: 2rem;
}






/*services home */

 /* Container for services */
.services-section {
    
   
    color: #fff;
   
}

/* Main heading */
.section-title {
    font-family: 'Inria Sans Regular';
    font-size: 2rem;
   
    margin-left: 2rem;
    
}

/* Service container using grid */
.service-wrapper {
    padding-bottom: 10%;
    margin: 0 2rem;
    display: block;
    columns: 2;
    
    
    flex-flow: wrap;
    
    
   /* display: grid;
    grid-template-columns: repeat(2, minmax(30vw, 1fr)); 
    grid-column-gap: 2rem;  */
}


.service-wrapper-1 {
    break-inside: avoid;
    display: flex;
    flex-direction: column;
    
}

.main-service-wrapper-1 {
    width: 100%;
    padding: 0 2rem;
    break-inside: avoid;
    display: flex;
    flex-direction: column;
    margin-bottom: 5rem;
    
}



.articles-wrapper-1 {
    width: 100%;
    padding: 0 2rem;
    break-inside: avoid;
    display: flex;
    flex-direction: column;
    
}




/* Individual service articles */
.service-item {
    break-inside: avoid;
  
    margin: 0;
    
   
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.main-service-item {
    break-inside: avoid;
  
    margin: 0;
    
   
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.brand-color-bord {
    border-top: solid;
}



.view-all-projects {
    
        margin-top: 2rem;
    margin-bottom: 4rem;
    
    
    font-family: 'Inria Sans Bold';
    display: block;
    text-align: center;
}

.view-all-projects a {
    
     color: white;
     text-decoration: none;
     padding: 0.6em;
    box-shadow: inset 0 -7px 0 0 red;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}

.view-all-projects a:hover {
    
    box-shadow: inset 0 -100px 0 0 red;
    
}


.call-to-action {
    
    display: block;
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
    
    background-color: #383838;
}

.call-to-action p{
        margin: 0;
        width: 60%;
        font-size: 3rem;
        font-family: 'Inria Sans Regular';
        padding-left: 2rem;
        color: white;
    
}



    .about-header-photo img {
    object-fit: cover;
    width: 100%;
    }


    .about-heading h2 {
      
    font-family: 'Inria Sans Regular';
    font-size: 2rem;
    display: block;
    width: 40vw;
    }


    .about-heading h1{
        
        font-family: 'Inria Sans Regular';
    font-size: 3rem;
    display: block;
    margin: 1rem 0 1rem 0;
    width: 35vw;
        
    }

    .about-sub p {
         font-family: 'Inria Sans Light';
        font-size: 1.5rem;
       line-height: 1.4em;
    }


.about-sub ul {
    list-style: none;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.4em;
    font-family: 'Inria Sans Light';
}

.about-header-heading h1 {
    width: 60%;
    font-size: 3rem;
    font-family: 'Inria Sans Light';
    margin: 5rem 0rem 5rem 2rem ;
}







/* work styling  */
.work-main{
    height: 100%;
    border: none;
}
.work-main section{
    height: 100%;
} 


.pin{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border: none;
    background: var(--color-1);
    color: var(--color-2);
    overflow-x: hidden;
}
.pin div{
    width: 100%;
    height: 100%;
}
.pin p{
    margin-top: 0.2rem;
    margin-bottom: 0.4rem;
    font-size: 1rem;
    text-align: left;
    line-height: 1.4em;
}
.pin h3{
    font-family: var(--f-gt-bold);
    /* font-family: 'IBM Plex Mono', monospace; */
    /* font-size: 2rem; */
    text-align: left;
    margin: 0;
}

/* work tiles new  */
main {
    max-width: 500px;
    margin: 0 auto;
    /* background-color: var(--color-1); */
    color: var(--color-2)
  }
.sale-item p{
    line-height: 1.4em;
    font-size: 1.3rem;
    color: #ffffff;
    font-family: 'Inria Sans Light';
    
}

.view-project {
    font-size: 1.3rem;
    font-family: 'Inria Sans Light';
    
}



  
  /* Now lets do a Grid-based layout */
  
  @supports (display: grid) {
    main { 
      max-width: 10000px;
      margin: 0;
    }
  
    .deals {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-gap: 1rem;
    }
  }
    
    
  .deals {
    
    margin: 0 2rem;
  
  }
  
  .deals article {
   margin-bottom: 5rem;
  
  }
  
  .work-tile-heading{
    display: flex;
  }
  .work-tile-heading p{
        font-size: 2rem;
    font-family: 'Inria Sans Regular';
    color: var(--color-2);
    margin-left: 2rem;
   
  }
  .sale-item {
    display: flex;
    flex-flow: column;
    /* border:  1px solid var(--color-2); */
    /* padding: 2rem; */
  }
  .sale-item > h2 {
    margin: 0;
    margin-top: 1vmin;
    font-size: 1.5rem;
    font-family: 'Inria Sans Regular';
  }
  .sale-item > p {
      color: #868686;
    margin: 0;
    text-align: left;
    margin-top: 0.4rem;
     margin-bottom: 0.8rem;
  }
  .deals > a{
    text-decoration: none;
    color: var(--color-2);
  }

  .sale-item > img {
    order: -1;
    align-self: center;
  }
  .sale-item > svg {
    order: -1;
    align-self: center;
    /* min-height: 10%; */
    /* max-width: 100%; */
  }
.deals a{
    text-underline-offset: 0.3rem;
    color: var(--color-2);
}




.section-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-left: 0.7vw;
    padding-top: 10px;
    padding-bottom: 10px;
    
  }

  .section-container button {
      
    margin-top: -10px;
    white-space: nowrap;
    width: 100%;
    display: flex;
    margin-bottom: -10px;
    font-size: calc(1vmin + 1vmax);
    border: none;
    color: white;
    background-color: black;
    padding: 0;
   
    /*margin-right: 20px;*/
  }

  .section-container #toggleButton {
    margin-left: auto;
  }
  
  

.service-section-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    
    padding-top: 20px;
    padding-bottom: 20px;
    
  }

  .service-section-container button {
      font-family: 'Inria Sans Regular';
      border: none;
    
    white-space: nowrap;
    width: 100%;
    display: flex;
  
    font-size: 2rem;
    border: none;
    color: white;
    background-color: black;
    padding: 0;
   
    /*margin-right: 20px;*/
  }

  .service-section-container #toggleButton {
    margin-left: auto;
  }
  
    .section-content {
    display: none;
    width: 100%; 
    padding: 10px;
    
  }

  .service-section-content {
      font-family: 'Inria Sans Light';
    display: none;
    width: 100%; 
   font-size: 1.5rem;
   line-height: 1.4em;
    
  }
  
  .service-section-content img {
      object-fit: cover;
      width: 100%;
      aspect-ratio: 3 / 2;
  }
  
   .main-service-section-content {
      font-family: 'Inria Sans Light';
    display: none;
    width: 100%; 
   margin-bottom: 2rem;
    
  }

   
    .main-service-section-content img {
        object-fit: contain;
        width: 50%;
    }
    
    .main-service-section-content p {
    margin-left: 2rem;
    font-size: 1.5rem;
    line-height: 1.4em;
    }
    
.main-service-section-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    
    padding-top: 20px;
    padding-bottom: 20px;
    
  }

  .main-service-section-container button {
      font-family: 'Inria Sans Regular';
      border: none;
    
    white-space: nowrap;
    width: 100%;
    display: flex;
  
    font-size: 2rem;
    border: none;
    color: white;
    background-color: black;
    padding: 0;
 
    /*margin-right: 20px;*/
  }

  .main-service-section-container #toggleButton {
    margin-left: auto;
  }


    .services-brand-collaterals-type ul {
    margin-left: 2rem;
    padding: 0;
    list-style: none;
    columns: 2;
    font-size: 1.5rem;
    line-height: 1.4em;
    }
    
     .home-services-brand-collaterals-type ul {
    padding: 0;
    list-style: none;
    font-size: 1.5rem;
    columns: 2;
    }


 .articles-section-content {
      
    display: none;
    width: 100%; 
   
    
  }

    
.articles-section-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    
    padding-top: 20px;
    padding-bottom: 20px;
    
  }

  .articles-section-container button {
      font-family: 'Inria Sans Regular';
      border: none;
    
    white-space: nowrap;
    width: 100%;
    display: flex;
  
    font-size: 2rem;
    border: none;
    color: white;
    background-color: black;
    padding: 0;
  
  }

  .articles-section-container #toggleButton {
    margin-left: auto;
  }






.slideshow {
     margin: 5rem 2rem 5rem 2rem;
       display: flex;
       flex-direction: column;
    position: relative;
    
}


.slideshow img {
    
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    
}






.m2{
    
    order: -1;
    display: flex;
    justify-content: center;
}
.m2 a{
    width: 100%;
    display: flex;
    justify-content: center;
}

.m2 img{
    aspect-ratio: 3 / 2;
    width: 100%;
    object-fit: cover;
}






.nurs2{
   
    order: -1;
    display: flex;
    justify-content: center;
}
.nurs2 a{
    width: 100%;
    display: flex;
    justify-content: center;
}

.nurs2 img{
    aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}








.nys2{
   
    order: -1;
    display: flex;
    justify-content: center;
}
.nys2 a{
    width: 100%;
    display: flex;
    justify-content: center;
}

.nys2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}




.unarr2{
  
    order: -1;
    display: flex;
    justify-content: center;
}
.unarr2 a{
    width: 100%;
 
    display: flex;
    justify-content: center;
}

.unarr2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}








.ie2{
   
    order: -1;
    display: flex;
    justify-content: center;
}
.ie2 a{
    width: 100%;
 
    display: flex;
    justify-content: center;
}

.ie2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}





.sjc2{
    
    order: -1;
    display: flex;
    justify-content: center;
}
.sjc2 a{
    width: 100%;
  
    display: flex;
    justify-content: center;
}

.sjc2 img{
        aspect-ratio: 3 / 2;
     width: 100%;
     object-fit: cover;
}





.nimb2{
   
    order: -1;
    display: flex;
    justify-content: center;
}
.nimb2 a{
    width: 100%;
    display: flex;
    justify-content: center;
}

.nimb2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}


.milagr2{
   
    order: -1;
    display: flex;
    justify-content: center;
}
.milagr2 a{
    width: 100%;
    display: flex;
    justify-content: center;
}

.milagr2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}



.mar2{

    order: -1;
    display: flex;
    justify-content: center;
}
.mar2 a{
    width: 100%;
    display: flex;
    justify-content: center;
}

.mar2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}





.ang2{
    
    order: -1;
    display: flex;
    justify-content: center;
}
.ang2 a{
    width: 100%;
    display: flex;
    justify-content: center;
}
.ang2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}



.optm2{
    
    order: -1;
    display: flex;
    justify-content: center;
}
.optm2 a{
    width: 100%;
    display: flex;
    justify-content: center;
}
.optm2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}





.d2{
    background-color: #ffffff;
  
    order: -1;
    display: flex;
    justify-content: center;
}
.d2 a{
    width: 100%;
   
    display: flex;
    justify-content: center;
}

.d2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}






.t2{
    
    order: -1;
    display: flex;
    justify-content: center;
}
.t2 a{
    width: 100%;
   
    display: flex;
    justify-content: center;
}

.t2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}




.ork2{
 
    order: -1;
    display: flex;
    justify-content: center;
}
.ork2 a{
    width: 100%;
    display: flex;
    justify-content: center;
}
.ork2 img{
        aspect-ratio: 3 / 2;
     width: 100%;

    object-fit: cover;
}




  




/* SUB FOOTER  */
section.sub-footer{
    background-color: var(--color-2);
    
    width: 100%;
    display: flex;
    
    
    
}

.sub-footer a{
    text-decoration: none;
    color: var(--color-1);
   
}

.sub-footer{
    display: flex;
    align-items: left;
    flex-direction: column;
   
    font-family: 'Inria Sans Regular';
    color: var(--color-1);
    justify-self:normal;
    width: 100%;
    padding-left: 2rem;
    padding-top: 2.5vmin;
}

.sub-footer-bottom{
    display: flex;
    flex-direction: column;
    
    justify-self:normal;
    width: 100%;
    padding-left: 0vw;
    padding-bottom: 10rem;
}



.sub-footer-left{
   
    display: flex;
    flex-direction: row;
    
    justify-self:center;
    width: 30%;
    padding-left: 0vw;
 
}
.sub-footer-left a{
    font-size: 1.3rem;
}


.footer-left-svg{
    display: flex;

}

.sub-footer-right{
    display: flex;
    flex-direction: row;
    padding-top: 6rem;

}

.sub-footer-right p {
    
    color: var(--color-1);
    margin: 0;
    
}
.footer-right-contact{
    font-size: 1.6rem;
    display: flex;
     flex-direction: column;
     margin-right: auto;
}


 .footer-left-about {
    margin-right: 3rem;
    }

/* SUB FOOTER  */


.footer-bottom-two {
    color: #555555;
    font-size: 1.2rem;
    display: flex;
    justify-content: space-between;
    border-top: solid 1.2px;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    margin-right: 2rem;
    
}

 .footer-bottom-two a {
        color: #555555;
    }

.footer-bottom-two-right-b, .footer-bottom-two-right-c {
    
    margin-left: 2rem;
}

















/* mrigdhi style  */
section.mrigdhi-home{
    overflow-x: hidden;
}
.mrigdhi-main{
    display: block;
    margin: 0 2rem;
    overflow-x: hidden;
    color: var(--color-2);
}



.mrigdhi-main p{
    font-family: 'Inria Sans Light';
}
.mrigdhi-main .mrig-img-1 img{
    height: auto;
    width: 100vw;
}
.mrigdhi-main .mrig-img-1{
    overflow-x: hidden;
}

.mrig-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.mrig-p-2 p, .mrig-p-3 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.mrig-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.mrigdhi-main .mrig-img-2{
    background-color: var(--color-2); 
}
.mrig-img-2{
    display: flex;
    justify-content: center;
}
.mrig-img-2 img{
    width: 70vmin;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}





.mrig-img-34{
     margin-top: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.mrig-img-3{
   width: 50vw;
}
.mrig-img-4{
   width: 50vw;
}
.mrig-img-3 img{
    object-fit: cover;
    width: 100%;
    height: auto;
    
}
.mrig-img-4 img{
     object-fit: cover;
    width: 100%;
    height: auto;
    
}

.mrig-img-5 img{
   margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}


.mrig-img-20 img{
     margin-top: 0.75rem;
    width: 100%;
    height: auto;
}



.mrig-img-6 img{
    width: 100%;
    height: auto;
}
/* mrigdhi style  */
/* 





/* IEC style */

.iec-main{
    display: block;
    overflow-x: hidden;
    margin: 0 2rem;
    color: var(--color-2);
}



.iec-main p{
    font-family: 'Inria Sans Light';
}
.iec-main .iec-img-1 img{
    height: auto;
    width: 100vw;
    
}
.iec-main .iec-img-1{
   
    overflow-x: hidden;
}

.iec-img-1 video{
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.iec-main .iec-img-2{
    background-color: var(--color-2); 
}

.iec-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.iec-p-2 p, .iec-p-3 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.iec-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}


.iec-img-2{
    display: flex;
    justify-content: center;
}
.iec-img-2 img{
    width: 70vmin;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}


.iec-img-4{
    display: block;
    width: 100%;
    margin-top: 0.75rem;
    /* padding-bottom: 4em; */
}



.iec-img-4 img{
    /* margin-top: 2vmin; */
    width: 100%;
    height: auto;
}

/* IEC style end */


/* articles small images unresponsive */


.article-img-4{
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 2vmin;
    /* padding-bottom: 4em; */
}
.article-img-4 img{
    /* margin-top: 2vmin; */
    width: 100%;
    height: auto;
}

/* articles small images unresponsive */
















/* twl style  */
section.twl-home{
    overflow-x: none;
}
.twl-main{
    display: block;
    margin: 0 2rem;
    overflow-x: hidden;
    color: var(--color-2);
}



.twl-main p{
    font-family: 'Inria Sans Light';
}
.twl-img-1 img{
    width: 100vw;
    height: auto;
}

.twl-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
   
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.twl-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.twl-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}



.twl-main .twl-img-2{
    background: var(--color-1); 
}
.twl-img-2{
    display: flex;
    justify-content: center;
}
.twl-img-2 img{
    width: 70vmin;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}


 

.twl-img-34{
    margin-top: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.twl-img-3{
    width: 33.3vw;
}
.twl-img-4{
    width: 66.7vw;
}
.twl-img-3 img{
    object-fit: cover;
    width: 100%;
    height: auto;
    
}
.twl-img-4 img{
   object-fit: cover;
    width: 100%;
    height: auto;
    
}
.twl-img-5{
    display: flex;
    justify-content: center;
}
.twl-img-5 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}


.twl-img-6{
    display: flex;
    justify-content: center;
}
.twl-img-6 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
/* twl style  */
/* 


/* orka style  */
section.orka-home{
    overflow-x: none;
}
.orka-main{
    display: block;
     margin: 0 2rem;
    overflow-x: hidden;
    color: var(--color-2);
}

.orka-main p{
    font-family: 'Inria Sans Light';
}
.orka-img-1 img{
    width: 100vw;
    height: auto;
}

.orka-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.orka-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.orka-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}


.orka-main .orka-img-2{
    background: var(--color-1); 
}
.orka-img-2{
    display: flex;
    justify-content: center;
}
.orka-img-2 img{
    width: 70vmin;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}

 

.orka-img-34{
    margin-top: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.orka-img-3{
    width: 50vw;
}
.orka-img-4{
    width: 50vw;
}
.orka-img-3 img{
   object-fit: cover;
    width: 100%;
    height: auto;
}
.orka-img-4 img{
     object-fit: cover;
    width: 100%;
    height: auto;
}
.orka-img-5{
    
    display: flex;
    justify-content: center;
}
.orka-img-5 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}

.orka-img-6{
    display: flex;
    justify-content: center;
}
.orka-img-6 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}

/* orka style  */




/* SJ style  */
section.SJ-home{
    overflow-x: none;
}
.SJ-main{
    display: block;
    margin: 0 2rem;
    overflow-x: hidden;
    color: var(--color-2);
}



.SJ-main p{
    font-family: 'Inria Sans Light';
}
.SJ-img-1 img{
    width: 100vw;
    height: auto;
}

.SJ-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.SJ-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.SJ-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}


.SJ-main .SJ-img-2{
    background: var(--color-2); 
}
.SJ-img-2{
    display: flex;
    justify-content: center;
}
.SJ-img-2 img{
    width: 70vmin;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}

 


.SJ-img-34{
     margin-top: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.SJ-img-3{
     width: 50vw;
}
.SJ-img-4{
    width: 50vw;
}
.SJ-img-3 img{
    object-fit: cover;
    width: 100%;
    height: auto;
}
.SJ-img-4 img{
     object-fit: cover;
    width: 100%;
    height: auto;
   
}
.SJ-img-5{
    display: flex;
    justify-content: center;
}
.SJ-img-5 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}


.SJ-img-6{
    display: flex;
    justify-content: center;
}
.SJ-img-6 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}


/* SJ style  */






/* nimboli style  */

section.nimboli-home{
    overflow-x: none;
}
.nimboli-main{
    display: block;
      margin: 0 2rem;
    overflow-x: hidden;
    color: var(--color-2);
}




.nimboli-main p{
    font-family: 'Inria Sans Light';
}
.nimboli-img-1 img{
    width: 100vw;
    height: auto;
}

.nimboli-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
   
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.nimboli-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.nimboli-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}



.nimboli-main .nimboli-img-2{
    background: #004851; 
}
.nimboli-img-2{
    display: flex;
    justify-content: center;
}
.nimboli-img-2 img{
    width: 40vmin;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}

 
.nimboli-img-34{
   margin-top: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.nimboli-img-3{
    width: 50vw;
}
.nimboli-img-4{
     width: 50vw;
}
.nimboli-img-3 img{
   object-fit: cover;
    width: 100%;
    height: auto;
    
}
.nimboli-img-4 img{
   object-fit: cover;
    width: 100%;
    height: auto;
    
}
.nimboli-img-5{
    display: flex;
    justify-content: center;
}
.nimboli-img-5 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
.nimboli-img-6{
    display: flex;
    justify-content: center;
}
.nimboli-img-6 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
/* nimboli style  */


/* anglo style  */

section.anglo-home{
    overflow-x: none;
}
.anglo-main{
    display: block;
     margin: 0 2rem;
    overflow-x: hidden;
    color: var(--color-2);
}



.anglo-main p{
    font-family: 'Inria Sans Light';
}
.anglo-img-1 img{
    width: 100vw;
    height: auto;
}

.anglo-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
   
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.anglo-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.anglo-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}


.anglo-main .anglo-img-2{
    background: #000000; 
}
.anglo-img-2{
    display: flex;
    justify-content: center;
}
.anglo-img-2 img{
    width: 40vmin;
    height: auto;
    padding-top: 2em;
    padding-bottom: 2em;
}


  

.anglo-img-34{
    margin-top: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    
}
.anglo-img-3{
   width: 50vw;
    
}
.anglo-img-4{
    width: 50vw;
   
}
.anglo-img-3 img{
    object-fit: cover;
    width: 100%;
    height: auto;
    
}
.anglo-img-4 img{
    object-fit: cover;
    width: 100%;
    height: auto;
    
}
.anglo-img-5{
    display: flex;
    justify-content: center;
}
.anglo-img-5 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
.anglo-img-6{
    display: flex;
    justify-content: center;
}
.anglo-img-6 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
/* anglo style  */





 
 
 /* nyast style  */

section.nyast-home{
    overflow-x: none;
}
.nyast-main{
    display: block;
     margin: 0 2rem;
    overflow-x: hidden;
    color: var(--color-2);
}



.nyast-main p{
    font-family: 'Inria Sans Light';
}
.nyast-img-1 img{
    width: 100vw;
    height: auto;
}

.nyast-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.nyast-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.nyast-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}



.nyast-main .nyast-img-2{
    background: #57068C; 
}
.nyast-img-2{
    display: flex;
    justify-content: center;
}
.nyast-img-2 img{
    width: 40vmin;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}

     

.nyast-img-34{
    margin-top: 0.75rem;
    display: flex;
    align-content: center;
    /* flex-wrap: wrap; */
    justify-content: center;
}

.nyast-img-5{
    display: flex;
    width: 100vw;
    justify-content: center;
}
.nyast-img-5 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
.nyast-img-6{
    display: flex;
    justify-content: center;
}
.nyast-img-6 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
/* nyast style  */











/* nursery-hut style  */

section.nursery-hut-home{
    overflow-x: none;
}
.nursery-hut-main{
    display: block;
    margin: 0 2rem;
    overflow-x: hidden;
    color: var(--color-2);
}






.nursery-hut-img-1 img{
    width: 100vw;
    height: auto;
}

.nursery-hut-p-1 p{
    font-family: 'Inria Sans Light';
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.nursery-hut-p-2 p{
    font-family: 'Inria Sans Light';
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.nursery-hut-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}



.nursery-hut-main .nursery-hut-img-2{
    background: #215732; 
}
.nursery-hut-img-2{
    
    display: flex;
    justify-content: center;
}
.nursery-hut-img-2 img{
    width: 50vmin;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}

 

.nursery-hut-img-34{
    margin-top: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.nursery-hut-img-3 {
    width: 50vw;
}

.nursery-hut-img-4 {
    width: 50vw;
}

.nursery-hut-img-3 img {
     object-fit: cover;
    width: 100%;
    height: auto;
    
}

.nursery-hut-img-4 img {
     object-fit: cover;
    width: 100%;
    height: auto;
    
}

.nursery-hut-img-5{
    display: flex;
    width: 100vw;
    justify-content: center;
}
.nursery-hut-img-5 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
.nursery-hut-img-6{
    display: flex;
    justify-content: center;
}
.nursery-hut-img-6 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
/* nursery-hut style  */














/* optum style  */

section.optum-home{
    overflow-x: none;
}
.optum-main{
    display: block;
    overflow-x: hidden;
    margin: 0 2rem;
    color: var(--color-2);
}



.optum-main p{
    font-family: 'Inria Sans Light';
}
.optum-img-1 img{
    width: 100vw;
    height: auto;
}

.optum-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.optum-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.optum-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}



.optum-main .optum-img-2{
    background: #ffffff; 
}
.optum-img-2{
    display: flex;
    justify-content: center;
}
.optum-img-2 img{
    width: 50vmin;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}



.optum-img-3{
   width: 50vw;
}
.optum-img-4{
   width: 50vw;
}
.optum-img-3 img{
    object-fit: cover;
    width: 100%;
    height: auto;
    
}
.optum-img-4 img{
    object-fit: cover;
    width: 100%;
    height: auto;
    
}


  

.optum-img-34{
    margin-top: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.optum-img-5{
    display: flex;
    width: 100vw;
    justify-content: center;
}
.optum-img-5 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
.optum-img-6{
    display: flex;
    justify-content: center;
}
.optum-img-6 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
/* optum style  */





/* milagrina style  */

section.milagrina-home{
    overflow-x: none;
}
.milagrina-main{
    display: block;
    overflow-x: hidden;
    margin: 0 2rem;
    color: var(--color-2);
}



.milagrina-main p{
    font-family: 'Inria Sans Light';
}
.milagrina-img-1 img{
    width: 100vw;
    height: auto;
}

.milagrina-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.milagrina-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.milagrina-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}



.milagrina-main .milagrina-img-2{
    background: #000000; 
}
.milagrina-img-2{
    display: flex;
    justify-content: center;
}
.milagrina-img-2 img{
    width: 50vmin;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}



.milagrina-img-3{
   width: 50vw;
}
.milagrina-img-4{
   width: 50vw;
}
.milagrina-img-3 img{
    object-fit: cover;
    width: 100%;
    height: auto;
    
}
.milagrina-img-4 img{
    object-fit: cover;
    width: 100%;
    height: auto;
    
}


  

.milagrina-img-34{
    margin-top: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.milagrina-img-5{
    display: flex;
    width: 100vw;
    justify-content: center;
}
.milagrina-img-5 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
.milagrina-img-6{
    display: flex;
    justify-content: center;
}
.milagrina-img-6 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
/* milagrina style  */












 /* unarranged style  */

section.unarranged-home{
    overflow-x: none;
}
.unarranged-main{
    display: block;
    overflow-x: hidden;
    margin: 0 2rem;
    color: var(--color-2);
}



.unarranged-main p{
    font-family: 'Inria Sans Light';
}
.unarranged-img-1 img{
    width: 100vw;
    height: auto;
}

.unarranged-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.unarranged-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.unarranged-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}



.unarranged-main .unarranged-img-2{
    background: #000000; 
}
.unarranged-img-2{
    display: flex;
    justify-content: center;
}
.unarranged-img-2 img{
    width: 80vmin;
    height: auto;
    padding-top: 2em;
    padding-bottom: 2em;
}

    

.unarranged-img-34{
    margin-top: 0.75rem;
    display: flex;
    align-content: center;
    /* flex-wrap: wrap; */
    justify-content: center;
}

.unarranged-img-5{
    display: flex;
    width: 100vw;
    justify-content: center;
}
.unarranged-img-5 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
.unarranged-img-6{
    display: flex;
    justify-content: center;
}
.unarranged-img-6 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
/* unarranged  */





/* marcometa styling  */
.marcometa-main{
    display: block;
    overflow-x: hidden;
  margin: 0 2rem;
    color: var(--color-2);
}



.marcometa-main p {
    font-family: 'Inria Sans Light';
    
}
.marcometa-img-1 img{
    width: 100vw;
    height: auto;
}

.marcometa-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}
.marcometa-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.marcometa-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}


.marcometa-main .marcometa-img-2{
    background-color: #ffffff; 
}
.marcometa-img-2{
    display: flex;
    justify-content: center;
}
.marcometa-img-2 img{
    width: 35vw;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}

.marcometa-img-3, .marcometa-img-4{
    display: flex;
}
.marcometa-img-3 img{
    width: 100vw;
    height: auto;
}

  

.marcometa-img-4 img{
    margin-top: 0.75rem;
    width: 100vw;
    height: auto;
}
/* marcometa styling  */


/* dopamine disco styling  */

.dd-main{
    display: block;
    overflow-x: hidden;
  margin: 0 2rem;
    background: var(--color-1);

}



.dd-main div{
    background: var(--color-1);
    color: var(--color-2);
}
.dd-main p{
    font-family: 'Inria Sans Light';
}

.dd-img-1 img{
    top: 0;
    left: 0;
    width: 100vw;
    height: auto;
}


.dd-p-1{
    display: block;
}

.dd-p-1 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
   
    padding-top: 1vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.dd-p-2 p{
    text-align: left;
    font-size: 1.5rem;
    width: 78%;
    padding: 3.2vmin;
    padding-top: 3.8vmin;
    padding-bottom: 10vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}

.dd-p-1 h1{
    font-family: 'Inria Sans Regular';
    text-align: left;
    font-size: 2rem;
    padding-top: 4.3vmin;
    padding-left: 17vw;
    line-height: 1.4em;   
    overflow-x: hidden;
}


div.dd-img-2{
    background: var(--color-2);
    margin-bottom: 1em;
    /* height: 80%; */
}
.dd-img-2{
    display: flex;
    justify-content: center;


}
.dd-img-2 img{
    width: 45vw;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
}
div.dd-img-2{
    margin-bottom: 2vmin;
}





.dd-img-34{
    margin-top: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.dd-img-3{
   width: 30.8vw;
}
.dd-img-4{
    width: 69.2vw;
}
.dd-img-3 img{
    object-fit: cover;
    width: 100%;
    height: auto;
}
.dd-img-4 img{
    object-fit: cover;
    width: 100%;
    height: auto;
}
.dd-img-5{
    display: flex;
    justify-content: center;
}
.dd-img-5 img{
    width: 100vw;
    height: auto;
}
/* dopamine disco styling  */

/* about styling  */
.about{
    
    border: none;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background-color: var(--color-1);
    color: var(--color-2);
}
.about::-webkit-scrollbar {
    display: none;
} 

.about-header-photo {
    display: block;
    margin: 0 2rem;
}

p.info-about-email {
    font-family: 'Inria Sans Regular';
    margin: 0;
    font-size: 3rem;
}

.info-about-email a {
    color: red;
}


.about-sub a{
text-decoration: none;
color: #ff7070;
    
}

.about-sub a:hover {
    color:var(--color-2);
}

/* about styling  */



/* contact styling  */




.cont-right {
    height: 70vh;
    color: white;
    font-family: 'Inria Sans Regular';
    display: flex;
    flex-direction: row;
    margin: 0rem 2rem 2rem 2rem;
}




.cont-right a {
    color: white;
}

.cont-right-sec {
    height: 100%;
    width: 100%;
}



.contact-cont h1 {
    
    font-size: 2rem;
    margin: 0;
    padding-bottom: 2rem;
}



.cont-thebran p {
        padding-bottom: 1rem;
    margin: 0;
}

.cont-thebran {
   font-size: 1.3rem;
}

.cont-thebran a {
   font-size: 1.3rem;
}

.cont-left-sec {
    width:50%;
}


.cont-email {
    
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}


.cont-email a {
     font-size: 1.3rem;
    padding-bottom: 0.5rem;
    text-underline-offset: 0.3rem;
}

/* contact styling  */



/*     articles styling start */

.articles::-webkit-scrollbar {
    display: none;
} 



.articles-heading h1{
   font-family: 'Inria Sans Regular';
    font-size: 2rem;
    padding-left: 2rem;
}




.articles-list {
  
  padding: 0;
  font-family: 'Inria Sans Regular';
    font-size: 1.5rem;
  margin-left: 2rem;
  list-style-type:decimal;
}

.articles-list li {
  margin-bottom: 10px;
  
}

.articles-list a {
  color: #ff7070;
  text-decoration: none;
}

.articles-list a:hover {
  color: var(--color-2);
}

/* articles styling end */



















/* services styling  */




.step-in-component {
    height: 20rem;
    padding: 2rem;
    display: flex;
    flex-direction: row;
    background-color: #272727;
    break-inside: avoid;
    margin-bottom: 1.1rem;
}




.compo-img img {
     
    width: 100px;
 
}

.step-in-main {
    font-family: 'Inria Sans Regular';
    display: block;
    columns: 2;
    margin: 0 2rem;
}



.compo-details {
    margin-left: 2rem;
}


.compo-details h2 {
    
    font-size: 2rem;
    
}

.compo-details p {
    
     font-size: 1.3rem;
     line-height: 1.4em;
    font-family: 'Inria Sans Light';
}






.services-main{
    scroll-snap-type: none;
}
.services-heading-left{
    display: block;
    width: 100%;
  
    padding: 0 2rem;
   
}
.services-heading-left h1{
    width: 100%;
    font-size: 2rem;
    font-family: 'Inria Sans Regular';
   
}

.services-heading-master{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.services-heading-master h1{
    font-size: 8vmin;
    font-family: 'IBM Plex Mono', monospace;
    text-transform: uppercase;
    margin-top: 0.1em;
    margin-right: 0;
    margin-bottom: 0.1em;
    text-align: center;
}
.services-heading-master video{
    margin-top: 2em;
    margin-bottom: 4em;
}


.services-sub{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* background-color: var(--color-1); */
    color: var(--color-2);
}


/* article 1 */
.art-text-main{
    margin: 5rem 2rem 5rem 2rem;
    color: var(--color-2);
    display: flex;
    justify-content: center;
    flex-direction: column;
   
}

.articles-content-list {
    padding: 0;
  font-family: 'Inria Sans Light';
    font-size: 1.5rem;
    line-height: 1.4em;
  margin-left: 2rem;
  list-style-type:decimal;
  
}

.articles-content-list a {
    color: white;
    text-underline-offset: 0.3rem;
}

.art-process-text-main{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
}
.art-process-text-main p{
    font-family: 'Inria Sans Light';
    font-size: 1.5rem;
}

.art-heading h1{
    font-family: 'Inria Sans Regular';
    font-size: 2rem;
    width:100%;
    margin: 0;
}

.writers, .art-para{
    width: 50%;
}
.writers p, .art-para p{
    text-align: left;
    margin: 0;
    line-height: 1.4em;
    
}

.art-sub-heading h5{
    font-family: var(--f-gt-bold);
    font-size: 4vmin;
    margin-top: 2vh;
    margin-bottom: 1vh;
    margin-left: 0.7vw;
}

.art-para a {
  color: #ff7070;
  text-decoration: none;
}

.art-para a:hover {
  color: var(--color-2)
}

.art-para h2 {
    font-family: 'Inria Sans Regular';
    font-size: 2rem;
}

.art-para h3 {
    font-family: 'Inria Sans Regular';
    font-size: 2rem;
}


/* article 1 */





/* service new  */
 
  








/* services styling  */



/* media query starts here  */


@media only screen and (max-width: 550px) {
    
    
    
  
    
    .him-1{
        display: flex;
        align-items: center;
    }
    .him-1 svg{
        height: 3vh;
        width: auto;
    }
    .him-1 svg path{
        fill: var(--color-2);
    }
    div.burger{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .burger a{
        color: var(--color-2);
        margin: 0;
        font-size: 2vmin;
        padding-right: 0.5em;
        z-index: 9;
        
    }
        
  
    .hidden-menu{
        display: none;
        position: absolute;
        background: var(--color-1);
        margin-top: 4rem;

    }
    .hidden-menu-items{
        display: flex;
        flex-direction: column;
        padding-left: 0.6vmin;
    }
    
     .hidden-menu-items a{
        color: var(--color-2);
        font-size: 6vmin;
    }

    .hmi-1, .hmi-2, .hmi-3, .hmi-4, .hmi-5, .hmi-6, .hmi-7{
        display: flex;
        justify-content: left;
        align-items: center;
        border-bottom: 1px solid var(--color-2);
        height: 10vmin;
        padding-right: 1em;
    }
    
    .burger svg{
        width: auto;
        height: 2vh;
    }
    .burger svg rect{
        fill: var(--color-2);
    }


    
      .hi-1, .hi-2, .hi-3, .hi-4, .hi-5, .hi-6, .hi-7{
        display: none;
    }
    
        header .mobile-menu{
        display: flex;
        width: 100%;
    }
    .mobile-menu a{
        color: var(--color-2);
        /* font-size: 2.5vmin; */
        margin-left: 1rem;
    }
  
    
    html{
        background-color: var(--color-1);
        width: 100%;
    }
    body{
        width: 100%;
        position: absolute;
    }
    
    .cursor {
        display: none;
    }
    
    .contact-button {
      
        margin-left: 1rem;
        width: 9rem;
    Height: 3.4rem;
    font-size: 1.1rem;
        
    }


    .call-to-action p{
        
        width: 90%;
        font-size: 2rem;
       line-height: 1.1em;
        padding-left: 1rem;
       
    }

   .slideshow {
     margin: 5rem 1rem 5rem 1rem;
       
    }
    
    .project-info {
        margin-top: 1rem;
    }
    
    .project-info a {
    
    font-size: 1.5rem;
   
    }

    .project-description {
        height: 2rem;
     margin-top: 0.5rem;
    font-size: 1.5rem;
    }
    
    
   
   .service-wrapper {
    margin: 0 1rem;
    columns: 1;
    }

   


        .main-service-wrapper-1 {
    
    padding: 0 1rem;
  
    
}

        .services-heading-left {
             padding: 0 1rem;
        }


    .home-exclusive h1 {
         line-height: 1.1em;
         font-size: 2rem;
     }
    



        section.about-sub{
   margin: 2rem 1rem;
   flex-direction: column;
    }


    .about-heading h2 {
 
    font-size: 1.5rem;
    
    }
    
    .about-heading h1 {
 
    font-size: 2rem;
    width: 70vw;
    
    }
    
    .about-header-photo {
    margin: 0 1rem;
    }


    .about-sub p {
        margin-top: 0;
        font-size: 1.3rem;
       
    }
    
    .about-sub ul {
         margin-top: 0;
        font-size: 1.3rem;
    }


    .about-header-heading h1 {
    width: 80%;
    font-size: 2rem;
    line-height: 1.1em;
    margin: 3rem 1rem 5rem 1rem ;
}

    .sub-footer-left {
    
    flex-direction: column;
}

    .sub-footer-right{
    
    flex-direction: column;
    padding-top: 3rem;

}

.sub-footer-bottom{
    
    padding-bottom: 4rem;
}
    
    .footer-right-contact{
    font-size: 1.5rem;
    margin-bottom: 2rem;
    
}

    .footer-bottom-two {
        
        flex-direction: column-reverse;
    margin-right: 1rem;
        padding-top: 1rem;
    padding-bottom: 1rem;
     border-top: solid 0.7px;
        
    }
    
   
    
    .footer-left-about {
    margin-bottom: 1rem;
    }
    
    
    .footer-bottom-two-right {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    }
    
    
    .footer-bottom-two-right-b, .footer-bottom-two-right-c {
    
    margin-left: 0;
}
    p.info-about-email {
    
    font-size: 2rem;
}


    .footer-bottom-two-right-a, .footer-bottom-two-right-b {
        margin-bottom: 1rem;
    }
    
    .articles-wrapper-1 {
   
    padding: 0 1rem;
    }
    
    .articles-heading h1 {
    
    padding-left: 1rem;
    font-size: 1.5rem;
}


    .brand-color-bord {
    border-top: none;
}

.services-heading-left h1 {
     font-size: 1.5rem;
}


  .main-service-section-content {
        flex-direction: column;
    }

    .main-service-section-content img {
        width: 100%;
    }
    
    .main-service-section-content p {
        margin-left: 0;
        font-size: 1.3rem;
        
    }


    .service-section-content {
        font-size: 1.3rem;
    }
    
      .home-services-brand-collaterals-type ul{
        font-size: 1.3rem;
    }


    .services-brand-collaterals-type ul {
         margin-left: 0;
         font-size: 1.3rem;
    }

.step-in-component {
    height: auto;
    flex-direction: column;
}



.step-in-main {
 
    columns: 1;
    margin: 0 1rem;
}
    .compo-details {
    margin-left: 0.5rem;
}
    .compo-details h2 {
    
    font-size: 1.5rem;
    
}


.contact-cont h1 {
    
    font-size: 1.5rem;

}
    
    .text-container {
        
        margin-left: 1rem;
        width: 90%;
        
    }
   
    
    .cont-right {
        height: auto;
    flex-direction: column; 
     margin: 0rem 1rem 1rem 1rem;
}



.cont-right-sec iframe {
    
}

    .mrig-img-2 img {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    }

    .iec-img-2 img {
    padding-top: 0.5em;
     padding-bottom: 0.5em;
    }

    .dd-img-2 img {
        width: 60vw;
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .marcometa-img-2 img{
        width: 60vw;
        padding-top: 2em;
        padding-bottom: 2em;
    }
   
   
    .pin{
        flex-direction: column;
    }
    .sec1 div, .sec3 div, .sec2 div, .sec4 div{
    width: 100%;
    }
    .sec1-sub-head{
    border-top: 2px solid var(--color-2);
    padding-top: 0.3em;
    padding-bottom: 0.5em;
    }
    div.sec1-sub-head{
    height: 15vmin;
    }
    .sec1-sub-head{
        padding-left: 2.5vmin;
    }
    .sec1-sub-body{
    margin-top: 0.5em;
    border-top: none;
    }
    .sec1-sub-body p{
    font-size: 3.5vmin;
    padding-left: 2.5vmin;
    }
    /* work  */
    @supports (display: grid) {
        main { 
          max-width: 10000px;
          margin: 0;
          
        }
      
        .deals {
          display: grid;
          grid-template-columns: repeat(1, minmax(30vw, 1fr));
        
        }
      }
      
      
      .deals {
        margin: 1rem;
       
      }
     
     
    /* work */
    section.sub-footer{
        padding-left: 1rem;
       padding-top: 2rem;
        
       
    }
    
  
 
 

    .button-foot button{
        font-size: 6vmin;
        padding: 5%;
    }

    :root{
        --foot-height : calc(7.5vmin + 2.5vmax)
    }

   
    
    .nursery-hut-main, .mrigdhi-main, .iec-main, .twl-main, .orka-main, .SJ-main, .nimboli-main, .anglo-main, .nyast-main, .optum-main, .milagrina-main, .unarranged-main, .Digiwar-main, .marcometa-main, .dd-main{
    margin: 0 1rem;
}
    
    
    .mrig-img-34, .mrig-img-5 img, .mrig-img-20 img, .iec-img-4, .twl-img-34, .twl-img-5 img, .twl-img-6 img, .orka-img-34, .orka-img-5 img, .orka-img-6 img, .SJ-img-34, .SJ-img-5 img, .SJ-img-6 img, .nimboli-img-34, .nimboli-img-5 img, .nimboli-img-6 img, .anglo-img-34, .anglo-img-5 img, .anglo-img-6 img, .nyast-img-34, .nyast-img-5 img, .nyast-img-6 img, .nyast-img-34, .nyast-img-5 img, .nyast-img-6 img, .nursery-hut-img-34, .nursery-hut-img-5 img, .nursery-hut-img-6 img, .optum-img-34, .optum-img-5 img, .optum-img-6 img, .milagrina-img-34, .milagrina-img-5, .milagrina-img-6, .unarranged-img-34, .unarranged-img-5 img, .unarranged-img-6 img, .marcometa-img-4 img, .dd-img-34 {
        margin-top: 0.25rem;
    }
    
     .mrig-img-34, .twl-img-34, .orka-img-34, .SJ-img-34, .nimboli-img-34, .anglo-img-34, .nursery-hut-img-34, .optum-img-34, .milagrina-img-34, .dd-img-34 {
     gap: 0.5rem;
    } 
    

    /* mrigdhi  */
    .mrig-p-1 p, .mrig-p-2 p,
    .mrig-p-3 p{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
        
    }
    
     .mrig-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    /* mrighdi  */
    
    /*IEC*/
    
     .iec-p-1 p, .iec-p-2 p,
    .iec-p-3 p{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
        
    }
    
     .iec-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    
    /*IEC*/
    
    /* twl  */
    .twl-p-1 p, .twl-p-2 p
    {
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
     .twl-p-1 h1{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    
    /* twl  */
    
      /* orka  */
    .orka-p-1 p, .orka-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
     .orka-p-1 h1{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    /* orka  */
    
    /* sj  */
    .SJ-p-1 p, .SJ-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
     .SJ-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    /* sj  */
    
      /* nimboli  */
    .nimboli-p-1 p, .nimboli-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
     .nimboli-p-1 h1{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    /* nimboli  */
    
    
    /* anglo  */
    .anglo-p-1 p, .anglo-p-2 p
    {
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
     .anglo-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    /* anglo  */
    
    
    
    
      /* nyast  */
    .nyast-p-1 p, .nyast-p-2 p
    {
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
    .nyast-p-1 h1{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    
      /* nyast  */
    
    /* nursery-hut  */
    .nursery-hut-p-1 p, .nursery-hut-p-2 p
    {
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
    .nursery-hut-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    
    
    /* nursery-hut  */
    
    
    
    
    
    /* optum  */
    .optum-p-1 p, .optum-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
    .optum-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    
    
    /* optum  */
   /* milagrina */
   
    .milagrina-p-1 p, .milagrina-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
    .milagrina-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
   
    /* milagrina */
   
    
    
    
    /* unarranged  */
    .unarranged-p-1 p, .unarranged-p-2 p
    {
      
        width: 90%;
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
    .unarranged-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    
    
    /* unarranged  */
    
    
     
    
    /* marcometa  */
    .marcometa-p-1 p, .marcometa-p-2 p{
       
        width: 90%;
        padding-right: 0;   
        font-size: 1.3rem;   
        padding-left: 0;
    }
    
     .marcometa-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    /* marcometa  */
    
    /* dd  */
    .dd-p-1 p, .dd-p-2 p{
       
        width: 90%; 
        padding-right: 0; 
        font-size: 1.3rem;
        padding-left: 0;
    }
    
     .dd-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.5rem;
        padding-left: 0;
    }
    /* dd  */
    .work-tile-heading p {
        margin-left: 1rem;
        font-size: 1.5rem;
    }
    .sub-footer-left{
    padding-left: 0vmin;
    }
    
   
    
    
  
   
  
   
  
   

    /* services  */
    
    /* services  */

/* articles */

    .articles-list{
        font-size: 1.1rem;
        margin-left: 1.5rem;
        margin-top: 0.5em;
       
        
    }
    
    

   

/* articles */


/* article 1 */



.art-text-main{
    margin: 3rem 1rem 3rem 1rem;}



.art-process-text-main p{
    font-size: 1.3rem;
}

.articles-content-list {
    font-size: 1.3rem;
}

.art-heading h1 {
    font-size: 1.5rem;
}

.writers, .art-para{
width: 90%;

}


.art-para h2, .art-para h3 {
    font-size: 1.5rem;
}


/* article 1 */

 .section-title {
    
    font-size: 1.5rem;
   margin-left: 1rem;
}

 .service-section-container button {
        
        font-size: 1.5rem;
    }
    
    .main-service-section-container button {
        
        font-size: 1.5rem;
    }
    
    .articles-section-container button {
        
        font-size: 1.5rem;
    }


/* contact */




/* contact */





    /* border change  */
    /* .textarea-send-main{
        border-top: 1px solid var(--color-2);
    }
    .textarea-foot textarea{
        border-right: 1px solid var(--color-2);
    }
    
    .process-heading, .deliverables-heading{
        border-top: 1px solid var(--color-2);
        border-bottom: 1px solid var(--color-2);
    }
    .step-1-paras, .step-2-paras,
    .step-3-paras,
    .deliverables-paras{
        border-bottom: 1px solid var(--color-2);
    }
    .step-3-paras, .deliverables-paras{
        border-bottom: none;
    }
    .sec1-sub-head{
        border-top: 1px solid var(--color-2);
    }
    .pin-2 h4{
        border-bottom: 1px solid var(--color-2);
    } */
    /* border change  */
}

@media only screen and (max-width: 950px) and (min-width: 551px) {
    
    
    
  
    
    .him-1{
        display: flex;
        align-items: center;
    }
    .him-1 svg{
        height: 3vh;
        width: auto;
    }
    .him-1 svg path{
        fill: var(--color-2);
    }
    div.burger{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .burger a{
        color: var(--color-2);
        margin: 0;
        font-size: 2vmin;
        padding-right: 0.5em;
        z-index: 9;
        
    }
        
  
    .hidden-menu{
        display: none;
        position: absolute;
        background: var(--color-1);
        margin-top: 4rem;

    }
    .hidden-menu-items{
        display: flex;
        flex-direction: column;
        padding-left: 0.6vmin;
    }

    .hmi-1, .hmi-2, .hmi-3, .hmi-4, .hmi-5, .hmi-6, .hmi-7{
        display: flex;
        justify-content: left;
        align-items: center;
        border-bottom: 1px solid var(--color-2);
        height: 10vmin;
        padding-right: 1em;
    }
    
    .burger svg{
        width: auto;
        height: 2vh;
    }
    .burger svg rect{
        fill: var(--color-2);
    }


  
    .hi-1, .hi-2, .hi-3, .hi-4, .hi-5, .hi-6, .hi-7{
        display: none;
    }
    
        header .mobile-menu{
        display: flex;
        width: 100%;
    }
    
     .cursor {
        display: none;
    }
    
    .mobile-menu a{
        color: var(--color-2);
        /* font-size: 2.5vmin; */
        margin-left: 1rem;
    }
    
    .hamburger {
    margin-right: 1.5rem;
    }
    
     .contact-button {
      
        margin-left: 1.5rem;
        width: 10rem;
    Height: 3.5rem;
    font-size: 1.2rem;
    }
  
     .section-title {
    
    font-size: 1.7rem;
    margin-left: 1.5rem;
   
    }
    
     .deals {
       
        margin: 1.5rem;
        
      }
    
    .service-section-container button {
        
        font-size: 1.7rem;
    }
    
     .main-service-section-container button {
        
        font-size: 1.7rem;
    }
    
       .articles-section-container button {
        
        font-size: 1.7rem;
    }
    
      .call-to-action p{
        
        width: 80%;
        font-size: 2rem;
       
        padding-left: 1.5rem;
       
    }

     .service-wrapper {
         margin: 0 1.5rem;
        columns: 1;
        }
        
         section.about-sub{
   margin: 2rem 1.5rem;
    flex-direction: column;
    }

    .about-header-photo {
    margin: 0 1.5rem;
    }

  .main-service-wrapper-1 {
    
    padding: 0 1.5rem;
  
    
}


        .brand-color-bord {
    border-top: none;
}



 .main-service-section-content {
        flex-direction: column;
    }

    .main-service-section-content img {
        width: 100%;
    }
    
    .main-service-section-content p {
        margin-left: 0;
        font-size: 1.4rem;
    }
    
    .service-section-content {
        font-size: 1.4rem;
    }
    .home-services-brand-collaterals-type ul{
        font-size: 1.4rem;
    }

     .services-brand-collaterals-type ul {
         margin-left: 0;
         font-size: 1.4rem;
    }

.services-heading-left {
    padding: 0 1.5rem;
}

     .articles-wrapper-1 {
   
    padding: 0 1.5rem;
}

.articles-heading h1 {
    
    padding-left: 1.5rem;
    font-size: 1.7rem;
    
}


.step-in-component {
    height: auto;
     flex-direction: column;
}

.compo-details {
    margin-left: 0.5rem;
}

.compo-details h2 {
    
    font-size: 1.7rem;
    
}

.services-heading-left h1 {
     font-size: 1.7rem;
}
        
    .about-heading h2 {
 
    font-size: 1.7rem;
    
    }
    
    .about-heading h1 {
 
    font-size: 2.5rem;
    width: 50vw;
    }


    .about-sub p {
        font-size: 1.4rem;
         margin-top: 0;
       
    }
    
    .about-sub ul {
        font-size: 1.4rem;
         margin-top: 0;
    }
    
        
     .about-header-heading h1 {
    width: 70%;
    font-size: 2rem;
    margin: 5rem 1.5rem 5rem 1.5rem ;
}
        
     .home-exclusive h1 {
         
         font-size: 2rem;
     }

 



  .slideshow {
     margin: 5rem 1.5rem 5rem 1.5rem;
       
    }
    
    .project-info {
        margin-top: 1.5rem;
    }
    
     .project-info a {
    
    font-size: 1.7rem;
   
    }
    
     section.sub-footer{
        padding-left: 1.5rem;
       padding-top: 2rem;
      
       
    }

    .sub-footer-left {
   
    flex-direction: column;
}

        .sub-footer-right{
    
    flex-direction: column;
    padding-top: 3rem;

}

.sub-footer-bottom{
    
    padding-bottom: 4rem;
}

  .footer-right-contact{
    font-size: 1.5rem;
    margin-bottom: 2rem;
    
}

  .footer-bottom-two {
        flex-direction: column-reverse;
        margin-right: 1.5rem;
        padding-top: 1.2rem;
    padding-bottom: 1.2rem;
     border-top: solid 1px;
        
    }
    
      .footer-bottom-two-right {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    }
    
      .footer-bottom-two-right-b, .footer-bottom-two-right-c {
    
    margin-left: 0;
}


      .footer-bottom-two-right-a, .footer-bottom-two-right-b {
        margin-bottom: 1rem;
    }
    
    
    .footer-left-about {
    margin-bottom: 1rem;
    }
    
        p.info-about-email {
    
    font-size: 2rem;
}

    .cont-right {
    flex-direction: column; 
     margin: 0rem 1.5rem 1.5rem 1.5rem;
}

    .contact-cont h1 {
    
    font-size: 1.7rem;

}

    .step-in-main {
 
    columns: 1;
    margin: 0 1.5rem;
}

   

    .project-description {
     
    font-size: 1.7rem;
    }
    
    .sec1-sub-head h3{
        font-size: 3.5vmin;
    }
    .sec1-sub-head p{
        font-size: 2.5vmin;
    }
    .arrow-part p{
        font-size: 2vmin;
    }
    div.sec1-sub-heading{
        width: 70%;
    }
    .sec1-sub-body p{
        font-size: 2.4vmin;
    }
    /* work work  */
    @supports (display: grid) {
        main { 
          max-width: 10000px;
          margin: 0;
        }
     
        .deals {
          display: grid;
          grid-template-columns: repeat(2, minmax(30vw, 1fr));
         
        }
      }
    
   
   
   
   
     
  
    
    
    .hidden-menu-items a{
        color: var(--color-2);
        font-size: 4.5vmin;
    }
  
    .mrig-p-1 p, .mrig-p-2 p, .mrig-p-3 p,
    .twl-p-1 p, .twl-p-2 p, .orka-p-1 p, .orka-p-2 p, .nimboli-p-1 p, .nimboli-p-2 p, .nyast-p-1 p, .nyast-p-2 p, .marcometa-p-1 p, .marcometa-p-2 p, .SJ-p-1, .SJ-p-2, .Digiwar-p-1 p, .Digiwar-p-2 p, .anglo-p-1 p, .anglo-p-2 p, .dd-p-1 p, .dd-p-2 p, .unarranged-p-1 p, .unarranged-p-2 p, .nursery-hut-p-1 p, .nursery-hut-p-2 p, .optum-p-1 p, .optum-p-2 p, .milagrina-p-1 p, .milagrina-p-2 p {
        font-size: calc(1.1vmin + 1.1vmax);
    }
    .pin-2 h4 {
        font-size: calc(1.1vmin + 1.1vmax);
    }
   
        .work-tile-heading p {
        margin-left: 1.5rem;
        font-size: 1.7rem;
    }
    
    .text-container {
        margin-left: 1.5rem;
        width: 80%;
    }
    /* work work  */


/* articles */



.articles p{
    margin-right: 12%;
    padding-left: 2.5vmin;
    
}  

.articles p {
    font-size: calc(1.1vmin + 1.1vmax);
    padding-left: 2.5vmin;
   
}

.articles-list{
  
    font-size: 1.4rem;
    
}  

/* articles */

/* article 1 */

.art-text-main{
    margin: 3rem 1.5rem 3rem 1.5rem;}



.art-process-text-main p{
    font-size: 1.4rem;
}

.articles-content-list {
    font-size: 1.4rem;
}

.art-heading h1 {
    font-size: 1.7rem;
}


.writers, .art-para {
  
    Width:90%;
}

.art-sub-heading h5{
    margin-left: 2.5vmin;
}

.art-para h2, .art-para h3 {
    font-size: 1.7rem;
}

/* article 1 */


.nursery-hut-main, .mrigdhi-main, .iec-main, .twl-main, .orka-main, .SJ-main, .nimboli-main, .anglo-main, .nyast-main, .optum-main, .milagrina-main, .unarranged-main, .Digiwar-main, .marcometa-main, .dd-main{
    margin: 0 1.5rem;
}

  .mrig-img-34, .mrig-img-5 img, .mrig-img-20 img, .iec-img-4, .twl-img-34, .twl-img-5 img, .twl-img-6 img, .orka-img-34, .orka-img-5 img, .orka-img-6 img, .SJ-img-34, .SJ-img-5 img, .SJ-img-6 img, .nimboli-img-34, .nimboli-img-5 img, .nimboli-img-6 img, .anglo-img-34, .anglo-img-5 img, .anglo-img-6 img, .nyast-img-34, .nyast-img-5 img, .nyast-img-6 img, .nyast-img-34, .nyast-img-5 img, .nyast-img-6 img, .nursery-hut-img-34, .nursery-hut-img-5 img, .nursery-hut-img-6 img, .optum-img-34, .optum-img-5 img, .optum-img-6 img, .milagrina-img-34, .milagrina-img-5, .milagrina-img-6, .unarranged-img-34, .unarranged-img-5 img, .unarranged-img-6 img, .marcometa-img-4 img, .dd-img-34 {
        margin-top: 0.5rem;
    }

        .mrig-img-34, .twl-img-34, .orka-img-34, .SJ-img-34, .nimboli-img-34, .anglo-img-34, .nursery-hut-img-34, .optum-img-34, .milagrina-img-34, .dd-img-34 {
     gap: 0.75rem;
    } 


    /* mrigdhi  */
    .mrig-p-1 p, .mrig-p-2 p,
    .mrig-p-3 p{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
        
    }
    
    .mrig-p-1 h1{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    /* mrighdi  */
    
    /*IEC*/
    
     .iec-p-1 p, .iec-p-2 p,
    .iec-p-3 p{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
        
    }
    
    .iec-p-1 h1{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    
    /*IEC*/
    
    
    
    /* twl  */
    .twl-p-1 p, .twl-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
    .twl-p-1 h1{
      
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    /* twl  */
    
      /* orka  */
    .orka-p-1 p, .orka-p-2 p
    {
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
    .orka-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    /* orka  */
    
     /* sj  */
    .SJ-p-1 p, .SJ-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
    .SJ-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    /* sj  */
    
        /* nimboli  */
    .nimboli-p-1 p, .nimboli-p-2 p
    {
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
    .nimboli-p-1 h1{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    /* nimboli  */
    
    
    /* anglo  */
    .anglo-p-1 p, .anglo-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
    .anglo-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    /* anglo  */
    
    
        /* nyast  */
    .nyast-p-1 p, .nyast-p-2 p
    {
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
     .nyast-p-1 h1{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    
    /* nyast  */
    
    
    /* nursery hut  */
    .nursery-hut-p-1 p, .nursery-hut-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
     .nursery-hut-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    
    /* nursery-hut  */
    
    
    
    /* optum  */
    .optum-p-1 p, .optum-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
     .optum-p-1 h1{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    
    /* optum  */
    
    /*milagrina*/
    
    .milagrina-p-1 p, .milagrina-p-2 p
    {
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
     .milagrina-p-1 h1{
        
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
     /*milagrina*/
    
    
    
    /* unarranged  */
    .unarranged-p-1 p, .unarranged-p-2 p
    {
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
     .unarranged-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    
    /* unarranged  */
    
    
    
    /* marcometa  */
    .marcometa-p-1 p, .marcometa-p-2 p{
       
        width: 90%;
        padding-right: 0;   
        font-size: 1.4rem;   
        padding-left: 0;
    }
    
    .marcometa-p-1 h1{
      
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    /* marcometa  */
    /* dd  */
    .dd-p-1 p, .dd-p-2 p{
        
        width: 90%; 
        padding-right: 0; 
        font-size: 1.4rem;
        padding-left: 0;
    }
    
    .dd-p-1 h1{
       
        width: 90%;
        padding-right: 0; 
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    /* dd  */

   



}
















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

        /* work  */
    @supports (display: grid) {
        main { 
          max-width: 10000px;
          margin: 0;
          
        }
     
      
      }
     
     
    
      html{
        background-color: var(--color-1);
        width: 100%;
    }
    body{
        width: 100%;
        position: absolute;
    }
   
   

    .mrig-img-2 img {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    }

    .iec-img-2 img {
    padding-top: 0.5em;
     padding-bottom: 0.5em;
    }

    .dd-img-2 img {
        width: 60vw;
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .marcometa-img-2 img{
        width: 60vw;
        padding-top: 2em;
        padding-bottom: 2em;
    }
   
  
   
    .pin{
        flex-direction: column;
    }
    .sec1 div, .sec3 div, .sec2 div, .sec4 div{
    width: 100%;
    }
    .sec1-sub-head{
    border-top: 2px solid var(--color-2);
    padding-top: 0.3em;
    padding-bottom: 0.5em;
    }
    div.sec1-sub-head{
    height: 15vmin;
    }
    .sec1-sub-head{
        padding-left: 2.5vmin;
    }
    .sec1-sub-body{
    margin-top: 0.5em;
    border-top: none;
    }
    .sec1-sub-body p{
    font-size: 3.5vmin;
    padding-left: 2.5vmin;
    }
    /* work */
  

    .button-foot button{
        font-size: 6vmin;
        padding: 5%;
    }

    /* :root{
        --foot-height : calc(7.5vmin + 2.5vmax)
    } */


    
    
    

    /* about  */
 
   
    .section-container button {
        
        font-size: calc(1.2vmin + 1.2vmax);
        
    }
    
    .section-container {
        
        padding-left: 2.5vmin;
        
    }
    
    
   
   
    /* about  */
    
  
    
  
   
   
   
    p.info-about-email{
       
        margin: 0;
       
    }
    
  
    
 
  
    
    .hidden-menu-items a{
        color: var(--color-2);
        font-size: 6vmin;
    }
    







.art-sub-heading h5{
margin-left: 2.5vmin;
}




  

    
}



@media only screen and (min-width: 2000px) {
    
    .hi-1 svg {
        
        height: 80%;
    }
    
    section.articles-sub{
    
    padding-bottom: 40vh;
    }

}
/* media query ends here  */