* {
    box-sizing: border-box;   margin: 0%;
    padding: 0;
}
body{height: 100%;width: 100%;display: flex;flex-direction: column;position: relative;justify-content: center;}
nav{
    height:55px; position: relative; display: flex; justify-content: space-between; width: 100%;
    background-color: rgb(141, 157, 247); border: 0px solid;align-items: center;align-items: center; 
}
nav .logo  {
    width: 15%;object-fit: cover; height: 9%; 
}
nav .phno {
    width:25%;object-fit: cover; height: 80%; display: flex;align-items: center;justify-content: center;
    justify-content: space-between;font-size: 15px;color: rgb(255, 255, 255);
}
nav .icons {
    width: 15%;object-fit: cover; height:100%; display: flex;align-items: center;justify-content: center;
}
nav .icons  li{
    width: 20%; height:100%; list-style: none;position: relative;
    display: flex;align-items: center;justify-content: center;
}
nav .icons  li img{
    width: 69%;
    height: 50%;
}
nav   .dropdown-toggle img{width: 55%;height: 80%; object-fit: cover;}
nav   .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f96c;
        min-width: 190px;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); float: right;right: 0%;
        z-index: 1;
    }
    
    /* Style links inside the dropdown */
    .dropdown-content a {
        color: black;
       
        text-decoration: none;
        display: block;font-family: "Mitr", sans-serif; font-weight: 400;
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {
        background-color: #f1f1f1;
    }
    
    /* Show dropdown content when dropdown toggle is clicked */
    .dropdown.active .dropdown-content {
        display: block;
    }


    .banner-container {
        width: 100%;
        height: 768px;

        
        position: relative;
        background-size: cover;
        min-width: 400px;
        background-repeat: no-repeat;
        background-position: center;
        animation: bgchange 12s infinite;transition: background-image 1s ease;
       
    }
    
   
        @keyframes bgchange {
            0% {
                background-image: url(../images/home1.jpg); background-size: 100%;background-size: cover;object-fit: cover;
            }
            25% {
                background-image: url(../images/home2.jpg);background-size: 100%;background-size: cover;object-fit: cover;
            }
            50% {
                background-image: url(../images/home1.jpg);background-size: 100%;background-size: cover;object-fit: cover;
                width: 100%;
            }
            100% {
                background-image: url(../images/home3.jpg);background-size: 100%;background-size: cover;object-fit: cover;
            }
            
        }
    
.rose-button {
    position: absolute; padding: 0px;padding-left: 0%;
    width: 150px; height: 45px; background: transparent; border-radius:0px; ;border: 2px white solid;
    color: white; font-size: 17px; font-family: "Mitr", sans-serif; font-weight: 400; white-space: nowrap; top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rose-button:hover {
    background-color: #0707077a; /* Darker rose color on hover */
}
.rectangle{width: 100%; height: 10%; background: rgba(43, 42, 42, 0.664);padding: 0%; top: 83%; position: relative;
display: flex;justify-content: center;}
.rectangle .rectanglebox3 {
    width: 70%;
    height: 100%;
position:relative;  white-space: nowrap;
  display: flex; justify-content: center;align-items: center;justify-content: space-between; 
}
.rectanglebox3 .started,.rectanglebox3 .customers,.rectanglebox3 .statified{width: 30%;height: 100%;position:relative;
display: flex;flex-direction: column;align-items: center;}
.started h1, .customers h1, .statified h1{
    font-size: 250%;
    color: white;
    white-space: nowrap;text-align: center;width: 100%; 
    font-family: "Mukta", sans-serif;
}
.started p, .customers p, .statified p {
color: white;
    font-size: 110%;
    font-family: "Mitr", sans-serif;
    padding: 0px;font-weight: 200;
text-align: center;
    white-space: nowrap;
}
.banner-container2{  
    width: 100%; height:3400px;    background-size: cover; position: relative;
     display: flex;flex-direction: column;justify-content: space-around; 
     }
     .banner-container2 .textbox0{width: 100%;height: 300px; position: relative;
display: flex;align-items:justify;justify-content: space-around;justify-content: center;}    
.textbox{ 
 position: relative;    /* Move to 50% from top */height: 100%;width: 40%;display: flex;flex-direction: column;justify-content: justify;
}
.textbox h1{font-size: 260%; color: black;   font-family: "Mitr", sans-serif;  text-transform: uppercase; 
   width: 100%; left: 5%;text-align: start;font-weight: 400;  white-space: nowrap;
}
.textbox p{
     width: 90%;
opacity: 0.50; text-align:justify; color: #000(0, 0, 0, 0.73); font-size: 150%; font-family: "Mukta", sans-serif; font-weight: 100; 
}
.img00 {height: 100%;width: 55%;display: flex;justify-content: space-between;
align-items: center;}
.img01 {height: 80%;width: 45%;}
.img01 img{height: 100%;width: 100%;object-fit: cover;}
.img02{height: 80%;width: 45%;}
.img02 img{height: 100%;width: 100%;object-fit: cover;}
.banner-container2 .servicebox{ height: 2075px;width: 100%;
display: flex;flex-direction: column;justify-content: center;justify-content: space-between;}
.ourservice {
    text-align: center;
    position: relative;

    color: black; font-size: 260%;font-family: "Mitr", sans-serif; font-weight: 400;height: 2%;width: 100%;text-decoration: underline;
    text-decoration-thickness: 1%;
}
        .box{position: relative;width:100%;height: 95%;flex-direction: column;display: flex;
       }
        .box1,.box2,.box3,.box4,.box5,.box6{position: relative;display: flex;width: 100%;height: 16%;background-color: bisque;
            font-family: "Mitr", sans-serif;font-size: 150%;}
        .box1 h1,.box2 h1,.box3 h1,.box4 h1,.box5 h1,.box6 h1{
            width: 50%;height: 100%;font-size: 150%;text-align: center;display: flex;
        align-items: center;justify-content: center;font-weight: 300;text-transform: uppercase;}

        .box1 h1{background-color: #a7d6ecc4;}
        .box2 h1{background-color:  #b3acf7c4;}
        .box3 h1{background-color:  #7b83eec4;}
        .box4 h1{background-color: #e9a6e99a;}
        .box5 h1{background-color:  #f7fcb6;}
        .box6 h1{background-color:  #ffddc1;}
        #i1{width: 50%;
            height: 100%;position: relative;overflow: hidden;}
        .box1 img, .box2 img, .box3 img, .box4 img, .box5 img, .box6 img {
            width: 100%;position: absolute;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease-in-out; /* Smooth transition for zoom effect */
        }

        /* Box hover effect */
        .box1:hover img, .box2:hover img, .box3:hover img,
        .box4:hover img, .box5:hover img, .box6:hover img {
            transform: scale(1.1); /* Zoom in effect on hover */
        }

        .section3{width: 100%; height: 700px; position: relative;display: flex;flex-direction: column;align-items: center;
        }
       .portfoliofont{
            color: 'black'; font-size: 55px; font-family: "Mitr", sans-serif; font-weight: 300;
            text-decoration: none;    
        }
 
      .portfoliobox2{position: relative;width: 96%;height: 90%;}
        .column1{width: 32%;height: 100%;position: relative;position: absolute;}
        .column2{width: 32%;height: 100%;position: relative;position: absolute;left: 50%;transform: translateX(-50%);}
        .column3{width: 32%;height: 100%;position: relative;position: absolute;right:0%;}
        .portfolio1{width: 100%;height: 65%;background-color: #f1f1f1;position: relative;position: absolute;background-image: url(./portfolio1.jpg);background-size: cover;object-fit: cover;}
        .portfolio2{width: 100%;height: 34%;background-color: #f1f1f1;position: relative;position: absolute;top:66%;background-image: url(./portfolio2.png);background-size: cover;}
        .portfolio3{width: 100%;height: 34%;background-color: #f1f1f1;position: relative;position: absolute;}
        .portfolio4{width: 100%;height: 65%;background-color: #f1f1f1;position: relative;position: absolute;top:35%;}
        .portfolio5{width: 100%;height: 65%;background-color: #f1f1f1;position: relative;position: absolute;}
        .portfolio6{width: 100%;height: 34%;background-color: #f1f1f1;position: relative;position: absolute;top:66%;}
        .portfolio1 img{object-fit: cover;width: 100%;height: 100%;}
        .portfolio2 img{object-fit: cover;width: 100%;height: 100%;}
        .portfolio3 img{object-fit: cover;width: 100%;height: 100%;}
        .portfolio4 img{object-fit: cover;width: 100%;height: 100%;}
        .portfolio5 img{object-fit: cover;width: 100%;height: 100%;}
        .portfolio6 img{object-fit: cover;width: 100%;height: 100%;}
        
        body .footer{
            height: 344px;bottom: 0%;
            
            background-color: black;
            position: relative; 
             padding: 0%;width: 100%; 
        display: flex;flex-direction: column;align-items: center;} 
         .footer .footer1{
            width: 100%;height: 88%;display: flex;
            position: relative;justify-content: space-between;
         }
         .footer1 .part1 {
                height: 90%;
                width: 30%;flex-wrap: wrap;
                          position: relative;
                        display: flex;flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        justify-content: space-around;
            }
                
                 img{border: none; border-style: none; height:23%;width: 35%;position: relative;object-fit: cover;}
                .part1 .part1p{align-items: justify; width: 100%;height: 50%;position: relative;}
                .part1p p{ text-align: justify; opacity: 0.67; color:white; font-size: 100%; font-family: "Mukta", sans-serif; font-weight: 100;
                    text-align: center;line-height: 20px;position: absolute;top: 50%;transform: translateY(-50%);}
                    .part1 .icons{position: relative;
                    width: 60%;height:15%; justify-content: space-between;display: flex;align-items: center;}
                    .part1 .icons li{position: relative;list-style: none;}
                    .part1 .icons li img{width: 80%; height: 80%;position: relative;
                    }
                   
                    .footer1 .part2 {
            height: 90%;
            width: 30%;
                      position: relative;
                    display: flex;flex-direction: column;align-items: center;justify-content: center;}
                    .part2 h1{ color:white; font-size: 120%; font-family: "Mukta", sans-serif; white-space: nowrap; font-weight: 500px;
                }
                .part2 p{ color: white; font-size: 100%; font-family: "Mukta", sans-serif; font-weight: 400;
                     opacity: 45.5%;text-align: center;line-height: 20px; }
                
                .footer1 .part3 {
            height: 90%;
            width: 30%; display: flex; justify-content: center;align-items: center;
               
            }
            .part3  .map{width: 60%; height: 75%;}
            .map img{height: 100%; width: 100%; object-fit: cover;}
     .map iframe{height: 100%; width: 100%; object-fit: cover;margin-bottom: 10px;}

            .footer .strip{height:12%;margin-top: 6px;
            background-color: rgba(253, 249, 249, 0.582);
            position: relative; display: flex; justify-content: space-around; 
             width: 100%;  font-family: "Mukta", sans-serif;flex-wrap: wrap;justify-content: center;align-items: center;}
             .stripfont{width: 100%;height: 100%;font-size: 40%;
            display: flex;justify-content: space-between;align-items: center;}
/*contact us*/

.contactcontainer1{width: 100%;height: 300px;background-size: cover;position: relative;
    margin-top: 0%;}
    
.contact{position: relative;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%); }
.contact h1{ font-size: 400%; font-family: "Mitr", sans-serif;color:white ;font-weight: 400;text-transform: uppercase;}

body .contactcontainer2{width: 100%;height:800px;position: relative;display: flex;flex-direction: column;align-items: center;
   justify-content:space-around;}
   .contactcontainer2 .contactbox{position: relative;width:90%;height:40%;font-family: "Mitr", sans-serif; 
display: flex;align-items: center;justify-content: space-between;justify-content: center;}
.contactboximg{width: 110px; height: 60px;}
.contactboximg img{width: 100%;height: 100%;object-fit: cover;}
.contactbox  h1{font-size:30px;font-weight:400;}
.contactbox  #h2,#h4{position: relative;font-size: 20px;text-align: center;width:50%;height: 80%;display: flex;flex-direction: column;
}


.contactbox2{position: relative;width: 100%;height: 50%;background-image: url(../images/dubai1.jpg);background-size: cover;
object-fit: cover;font-family: "Mitr", sans-serif;justify-content: space-around;
display: flex;flex-direction: column;align-items: center;}
.contactbox2 h1{position: relative;width: 100%;text-transform: uppercase;font-size: 160%;font-weight:400;text-align: center;color: white;}
.contactbox2 p{position: relative;width: 100%;font-size: 130%;font-weight:400;text-align: center;color: white;line-height: 100%;}
.wrapper{position: relative;width:85%;height: 60%;
font-family: "Mitr", sans-serif;display: flex;flex-direction: column;
justify-content: center;}
 .inputbox{display: flex;justify-content: space-between;flex-wrap: wrap;}
.inputbox .inputfeild{position: relative;margin:15px ;width: 40%;height: 45px;}
.inputbox .inputfeild input{height: 100%;width: 100%;background: transparent;outline: none;border: 0.50px white solid;font-size: 15px;font-family: "Mitr", sans-serif;color: rgba(248, 246, 246, 0.76);}
.wrapper .inputbox2{display: flex;justify-content: space-between;flex-wrap: wrap;}
.inputbox2 .inputfeild{position: relative;margin:15px ;width:100%;height: 45px;}
.inputbox2 .inputfeild input{height: 100%;width: 100%;background: transparent;outline: none;border: 0.50px white solid;font-size: 15px;font-family: "Mitr", sans-serif;color: rgba(248, 246, 246, 0.76);}
.contactbox2 .btn{width: 10%;background-color:rgb(255, 0, 128);height: 5%;border: none;color: white;font-family: "Mitr", sans-serif;font-size: 15px;}


/*aboutus*/
.aboutcontainer1{width: 100%;height: 300px;background-image: url(../images/home2.jpg);background-size: cover;position: relative;display: flex;}
.aboutinsync{position: relative;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);text-align: center; }
.aboutinsync h1{ font-size: 300%; font-family: "Mitr", sans-serif;color:white ;font-weight: 400;}
.aboutcontainer2{position: relative;width: 100%;height: 1250px;display: flex;flex-direction: column;justify-content: space-around;
}
.aboutcolumnbox{position: relative;width: 100%;height: 80%;
display: flex;flex-direction: column;justify-content: space-between;}
.aboutcolumn1{position: relative;width: 100%;height: 35%;display: flex;justify-content: space-around;}
.abouttext1{position: relative;width: 50%;height: 100%;}
.abouttext1 h1{position: relative;font-size: 240%;font-family: "Mitr", sans-serif;font-weight: 400;
    text-transform: uppercase;line-height: 85%;}
.abouttext1 p{position: relative;font-size:93%; text-align: justify; font-family: "Mitr", sans-serif;font-weight: 300;}
.aboutimg1{position: relative;width: 390px; height: 353px; border-top-right-radius: 16px;;background-image: url(../images/portfolio3.jpg);background-size: cover;}
.aboutcolumn2{position: relative;width: 100%;height: 20%; display: flex;justify-content: space-around;}
.abouttext2{position: relative;width: 50%;height: 100%;}
.abouttext2 h1{position: relative;font-size: 240%;font-family: "Mitr", sans-serif;font-weight: 400;text-transform: uppercase;}
.abouttext2 p{position: relative;text-align: justify;font-size:93%;font-family: "Mitr", sans-serif;font-weight: 300;}
.aboutimg2{position: relative;;width: 390px; height: 353px; border-top-left-radius: 6px;background-image: url(../images/portfolio2.png);background-size: cover;}
.aboutcolumn3{position: relative;width: 100%;height: 20%;display: flex;justify-content: space-around;}
.abouttext3{position: relative;width: 50%;height: 100%;}
.abouttext3 h1{margin-top :20px; position: relative;font-size: 240%;font-family: "Mitr", sans-serif;font-weight: 400;text-transform: uppercase;}
.abouttext3 p{position: relative;text-align: justify;font-size:93%;font-family: "Mitr", sans-serif;font-weight: 300;}
.aboutimg3{position: relative;width: 390px; height: 353px; border-bottom-right-radius: 66px;background-image: url(../images/portfolio4.jpg);background-size: cover;}
.aboutshortnote{position: relative;height: 10%;width: 100%;}
.aboutshortnote h1{font-size: 150%;font-family: "Mitr", sans-serif;font-weight: 400;}
.aboutshortnote p{font-size:90%;font-family: "Mitr", sans-serif;font-weight: 300;}


/*career*/
.nav1{
    height: 15%; position: relative; display: flex; justify-content: space-between; width: 100%;
     border: 0px solid;align-items: center;align-items: center; top: 2%;
}
.nav1 .logo  {
    width: 15%;object-fit: cover;left: 2%; height: 50%; display: none;
}

.nav1  .dropdown-toggle img{width: 60%;height: 0%; object-fit: cover;top: 50%;}
.nav1  .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f96c;
       width: 20%;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); float: right;right: 2%;
        z-index: 1;
    }
    
    /* Style links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;line-height: 100%;text-align: center;
        display: block;font-family: "Mitr", sans-serif; font-weight: 400;height: 100%;
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {
        background-color: #f1f1f1;
    }
    
    /* Show dropdown content when dropdown toggle is clicked */
    .dropdown.active .dropdown-content {
        display: block;
    }
.carrercontainer12{width: 100%;height: 300px;background-image: url(../images/home3.jpg);background-size: cover;position: relative;
 display: flex;justify-content: center;align-items: center;}
 .shade{width: 100%;height: 100%;background-color: #00000049;position: absolute;}
 .career{position: relative; text-align:justify;}
    .career h1{ font-size:300%; font-family: "Mitr", sans-serif;color:white ;font-weight: 400;}
    .carrercontainer2{position: relative;width: 100%;height: 800px;
    display: flex;flex-direction: column;justify-content: space-around;align-items: center;}
    
    .carrertext1{position: relative;width: 100%;height: 50%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
     .carrertext1font{height: 100%;width: 50%;left: 2%;text-align: justify;}
    .carrertext1font h1{position: relative;font-size: 250%;font-family: "Mitr", sans-serif;font-weight: 400;text-transform: uppercase;}
    .carrertext1font p{text-align: justify; position: relative;font-size: 90%;font-family: "Mitr", sans-serif;font-weight: 300;}
    
    .carrertext1 img{position: relative;width: 40%; height: 280px; border-top-right-radius: 66px;
        object-fit: cover;right: 2%;}
    .carrercolumns{position: relative;display: flex;height: 30%;
        font-family: "Mitr", sans-serif;width: 100%;justify-content: center;justify-content: space-around;}
    .carrercolumn01,.carrercolumn02,.carrercolumn03{width: 30%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
    .carrercolumns h1{font-size: larger;}
    #carrerh2{font-size:medium;opacity: 80%;}
    #carrerh3{font-size:medium;}
    #carrerh4{font-size:medium;}
    
    #carrerh4 {
        max-height: 50px;
        overflow: hidden;
        transition: max-height 0.5s ease;
        margin-bottom: 10px;
    }
    .carrercolumn01 button,.carrercolumn02 button,.carrercolumn03 button {background-color: black;color: white;width: 40%;height: 100%;}
    .carrerourbusiness{font-family: "Mitr", sans-serif;position: relative;display: flex;
        background-color: rgba(0, 0, 0, 0.534);width: 100%;height: 5%;text-align: center;
        justify-content: center;align-items: center;font-size:130%;color: white;}
    

/*services*/
.servicecontainer1{width: 100%;height:300px;background-image: url(../images/home3.jpg);background-size: cover;position: relative;}
.service{position: relative;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);text-align: center; }
.service h1{ font-size: 400%; font-family: "Mitr", sans-serif;color:white ;font-weight: 400;text-transform: uppercase;}

.servicecontainer2{position: relative;width:100%;height:1500px;flex-direction: column;display: flex;
justify-content: center;max-height: 3000px;}
.servicebox{position: relative;width:100%;height: 85%;flex-direction: column;display: flex;
}
 .servicebox1,.servicebox2,.servicebox3,.servicebox4,.servicebox5,.servicebox6{position: relative;display: flex;width: 100%;height: 36%;background-color: bisque;
     font-family: "Mitr", sans-serif;font-size: 150%;}
 .servicebox1 h1,.servicebox2 h1,.servicebox3 h1,.servicebox4 h1,.servicebox5 h1,.servicebox6 h1{
     width: 50%;height: 100%;font-size: 150%;text-align: center;display: flex;
 align-items: center;justify-content: center;font-weight: 300;text-transform: uppercase;}
 .servicebox1 img,.servicebox2 img,.servicebox3 img,.servicebox4 img,.servicebox5 img,.servicebox6 img{width: 100%;
    height: 100%;object-fit: cover;position: absolute; transition: transform 0.3s ease-in-out;}
 .servicebox1 h1{background-color: #a7d6ecc4;}
 .servicebox2 h1{background-color:  #b3acf7c4;}
 .servicebox3 h1{background-color:  #7b83eec4;}
 .servicebox4 h1{background-color: #e9a6e99a;}
 .servicebox5 h1{background-color:  #f7fcb6;}
 .servicebox6 h1{background-color:  #ffddc1;}
 #i2{width: 50%;
    height: 100%;position: relative;overflow: hidden;}
.servicebox1:hover img, .servicebox2:hover img, .servicebox3:hover img,
.servicebox4:hover img, .servicebox5:hover img, .servicebox6:hover img {
    transform: scale(1.2);
 }



/*workfolio*/
.workfoliocontainer1{width: 100%;height:300px;background-image: url(../images/home3.jpg);background-size: cover;position: relative;display: flex;
    flex-direction: column;align-items: center;}

        .workfolio{position: relative; text-align: center;}
        .workfolio h1{ font-size:400%; font-family: "Mitr", sans-serif;color:white ;font-weight: 400;}
    .workfoliocontainer2{position: relative;width: 100%;height:1000px;display: flex;flex-direction: column;
    justify-content: center;align-items: center;}
    .workfoliobox{position: relative;width: 80%;height: 90%;
          display: flex;flex-direction: column;justify-content: space-between;}
    .workfoliocolumn1{width: 100%;height: 32%;display: flex;justify-content: space-between;}
    .workfolioimg1{position: relative;width: 49%;height: 100%;}
    .workfolioimg1 img{width: 100%;height: 100%;object-fit: cover;}
    .workfolioimg1 h1{position: absolute;background-color: rgba(250, 252, 252, 0.541);font-size: 170%;color: rgb(88, 8);text-align: center;font-family: "Mitr", sans-serif;font-weight: 400;width: 100%;height: 20%;bottom: 0%;}
    .workfolioimg2{position: relative;width: 49%;height: 100%;}
    .workfolioimg2 img{width: 100%;height: 100%;object-fit: cover;}
    .workfolioimg2 h1{position: absolute;background-color: rgba(250, 252, 252, 0.541);font-size: 170%;color: rgb(88, 8);text-align: center;font-family: "Mitr", sans-serif;font-weight: 400;width: 100%;height: 20%;bottom: 0%;}
    .workfoliocolumn2{width: 100%;height: 32%;}
    .workfolioimg3{position: relative;width: 100%;height: 100%;}
    .workfolioimg3 img{width: 100%;height: 100%;object-fit: cover;}
    .workfolioimg3 h1{position: absolute;background-color: rgba(250, 252, 252, 0.541);font-size: 170%;color: rgb(88, 8);text-align: center;font-family: "Mitr", sans-serif;font-weight: 400;width: 100%;height: 20%;bottom: 0%;}
    .workfoliocolumn3{width: 100%;height: 32%;display: flex;justify-content: space-between;}
    .workfolioimg4{position: relative;width: 49%;height: 100%;}
    .workfolioimg4 img{width: 100%;height: 100%;object-fit: cover;}
    .workfolioimg4 h1{position: absolute;background-color: rgba(250, 252, 252, 0.541);font-size: 170%;color: rgb(88, 8);text-align: center;font-family: "Mitr", sans-serif;font-weight: 400;width: 100%;height: 20%;bottom: 0%;}
    .workfolioimg5{position: relative;width: 49%;height: 100%;}
    .workfolioimg5 img{width: 100%;height: 100%;object-fit: cover;}
    .workfolioimg5 h1{position: absolute;background-color: rgba(250, 252, 252, 0.541);font-size: 170%;color: rgb(88, 8);text-align: center;font-family: "Mitr", sans-serif;font-weight: 400;width: 100%;height: 20%;bottom: 0%;}
 /*business*/
    #left1{width:30px;height:30px;object-fit: cover;margin-top: 1%;margin-left: 1%;}
.business{height: 1000px;width: 100%;display: flex;justify-content: center;}
.business1{height: 50%;width: 40%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
justify-content: space-between;}
.business h1{font-size: 200%;font-weight: 400;}
.business p{font-size: 100%;font-weight: 300;}
.business11{font-size: 100%;font-weight: 300;}
.business2{height: 90%;width: 50%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
    align-items: center;position: relative;}
    .business2 form{height: 85%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
   position: relative;}
   .business2 .inputbox0{display: flex;justify-content: space-between;flex-wrap: wrap;}
   .business2 .inputbox0 .inputfeild0{position: relative;margin:15px ;width: 40%;height: 45px;}
   .business2 .inputbox0 .inputfeild0 input{height: 100%;width: 100%;background: transparent;outline: none;border: 0.50px rgba(0, 0, 0, 0.575) solid;font-size: 15px;font-family: "Mitr", sans-serif;color: rgba(0, 0, 0, 0.76);}
   .business2 #qualification{position: relative;margin:15px ;width: 100%;height: 45px;}
   .business2 #submit{height: 3%;width: 20%;background-color: #000;color: white;}

/*sales*/

#left1{width:30px;height:30px;object-fit: cover;margin-top: 1%;margin-left: 1%;}
.sales{height: 1000px;width: 100%;display: flex;justify-content: center;}
.sales1{height: 50%;width: 40%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
justify-content: space-between;}
.sales h1{font-size: 200%;font-weight: 400;}
.sales p{font-size: 100%;font-weight: 300;}
.sales11{font-size: 100%;font-weight: 300;}
.sales2{height: 90%;width: 50%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
    align-items: center;position: relative;}
    .sales2 form{height: 85%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
        position: relative;}
  .inputbox0{display: flex;justify-content: space-between;flex-wrap: wrap;}
 .inputbox0 .inputfeild0{position: relative;margin:15px ;width: 40%;height: 45px;}
 .inputbox0 .inputfeild0 input{height: 100%;width: 100%;background: transparent;outline: none;border: 0.50px rgba(0, 0, 0, 0.575) solid;font-size: 15px;font-family: "Mitr", sans-serif;color: rgba(0, 0, 0, 0.76);}
#qualification{position: relative;margin:15px ;width: 100%;height: 45px;}
 #submit{height: 3%;width: 20%;background-color: #000;color: white;}

 /*regionalmanager*/

#left1{width:30px;height:30px;object-fit: cover;margin-top: 1%;margin-left: 1%;}
.regionalmanager{height: 1000px;width: 100%;display: flex;justify-content: center;}
.regionalmanager1{height: 50%;width: 40%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
justify-content: space-between;}
.regionalmanager h1{font-size: 200%;font-weight: 400;line-height: 100%;}
.regionalmanager p{font-size: 100%;font-weight: 300;}
.regionalmanager11{font-size: 100%;font-weight: 300;}
.regionalmanager2{height: 90%;width: 50%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
    align-items: center;position: relative;}
    .regionalmanager2 form{height: 85%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
        position: relative;}
  .inputbox0{display: flex;justify-content: space-between;flex-wrap: wrap;}
 .inputbox0 .inputfeild0{position: relative;margin:15px ;width: 40%;height: 45px;}
 .inputbox0 .inputfeild0 input{height: 100%;width: 100%;background: transparent;outline: none;border: 0.50px rgba(0, 0, 0, 0.575) solid;font-size: 15px;font-family: "Mitr", sans-serif;color: rgba(0, 0, 0, 0.76);}
#qualification{position: relative;margin:15px ;width: 100%;height: 45px;}
 #submit{height: 3%;width: 20%;background-color: #000;color: white;}

/*blog*/
.blog{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.blog1{width: 80%;height: 10%;display: flex;justify-content: space-between; font-family: "Mitr", sans-serif;}
.blogcolumn1,.blogcolumn2,.blogcolumn3{width: 30% ;height: 100%;display: flex;flex-direction: column;justify-content: space-between;
   align-items: center;text-align: center;overflow: hidden;line-height:150%;align-items: center;}
.blogcolumn1 img ,.blogcolumn2 img,.blogcolumn3 img{height: 45%;width: 100%;object-fit: cover; transition: transform 0.3s ease-in-out;}
.blogcolumn1 h1,.blogcolumn2 h1,.blogcolumn3 h1{height: 18%;width: 100%;color: #000;font-weight: 400;font-size: 25px;}
.blogcolumn1 p,.blogcolumn2 p,.blogcolumn3 p{height: 15%;width: 100%;color: #000000b6;}
.blogcolumn1 button,.blogcolumn2 button,.blogcolumn3 button,.blogcolumn4 button{background-color: #000;width: 250%;height:100%;color: white; 
    transition: transform 0.3s ease-in-out;left: 50%;transform: translate(-50%);}
.blogcolumn1:hover img,.blogcolumn2:hover img ,.blogcolumn3:hover img  {
    transform: scale(1.2);
 }

 .blogcolumn1 button:hover,.blogcolumn2 button:hover ,.blogcolumn3 button:hover    {
    background-color: royalblue;border: none;
 }
.blogcolumn2{}
.blogcolumn3{}
/*blogdetails*/
.blog01,.blog02,.blog03{height: 400px;width: 100%;display: flex;flex-direction: column;
    justify-content: center;text-align: justify; align-items: center;position: relative;}
.blog11,.blog21,.blog31{width: 80%;height: 70%;display: flex; font-family: "Mitr", sans-serif;justify-content: space-between;
    line-height:150%;align-items: center;}
    .blog11 img,.blog31 img,.blog21 img {height: 100%;width:45%;object-fit: cover; transition: transform 0.3s ease-in-out;}
    .blog12,.blog22,.blog32{height: 100%;width:50%;display: flex;flex-direction: column;
        justify-content: center;}
    .blog12,.blog22h1,.blog32 h1{width: 100%;color: #000;}
    .blog12 p.blog22 p,.blog32 p{width: 100%;color: #000000b6;text-align: justify;align-content: justify;}

.serdet{width: 50%;height: 100%;display: flex; font-family: "Mitr", sans-serif;justify-content: space-between;
    line-height:150%;align-items: center;}
    .serdet img {height: 100%;width:50%;object-fit: cover; transition: transform 0.3s ease-in-out;}



@media screen and (max-width: 700px) {
    .banner-container {
        height: 600px;  
    }
    .rectangle .rectanglebox3 {
        width: 100%; justify-content: space-around;
    }
    .started p, .customers p, .statified p {
        font-size: 70%;    
    }
    .started h1, .customers h1, .statified h1{  
        font-size: 200%;font-family: "Mukta", sans-serif;     
    }
    .rectangle{ height: 10%;top: 83%;}
}


@media screen and (max-width:600px) {
    body{display: flex;flex-direction: column;justify-content: center;}
    .rectangle{ height: 13%;top: 80%;}
    .banner-container {
        height: 450px;  
    }
    .banner-container2{
        height:1900px;
         }
    .textbox0{height: 300px;
        display: flex;flex-direction: column;align-items: center;justify-content: center;}    
        .textbox{height: 50%;width: 100%;
        align-items: center;
        
        }
        .textbox h1{font-size: 120%; 
          text-align: center;  white-space: nowrap;
        }
        
        .textbox p{
 text-align:center; font-size: 90%;
        }
        .img00 {height: 50%;width: 100%;display: flex;justify-content: center;
        align-items: center;}
        .img01 {height: 80%;width: 45%;}
        .img01 img{height: 100%;width: 100%;object-fit: cover;}
        .img02{height: 80%;width: 45%;}
        .img02 img{height: 100%;width: 100%;object-fit: cover;}
        
        .banner-container2 .servicebox{ height: 1000px;
           }
            .ourservice {top: 2%;
                 font-size: 170%;
            }
                    .box{height: 93%;
                   }
                    .box1,.box2,.box3,.box4,.box5,.box6{
                       font-size: 150%;}
                    .box1 h1,.box2 h1,.box3 h1,.box4 h1,.box5 h1,.box6 h1{
                        font-size: 80%;
                    }
                    
                    .section3{ height: 400px;
                      }
                    .portfoliofont{
                         font-size: 160%; 
                       
                    }
                    .portfoliobox2{position: relative;width: 96%;height: 90%;}



body .footer{
        height:700px;
}
     .footer1{
        width: 100%;height: 88%;display: flex;flex-direction: column;
        position: relative;align-items: center;justify-content: space-between;
     }
     .footer1 .part1 {
        height: 30%;
        width: 100%;
    }
    .part1 img{ height:20%;width: 20%;}
                .part1 .part1p{width: 100%;height: 50%;}
                .part1p p{font-size: 100%; font-weight: 100;
                    }
                    .part1 .icons{
                    width: 40%;height:15%; }
                    .part1 .icons li{}
                    .part1 .icons li img{width: 70%; height: 70%;}
    .footer1 .part2 {
        height: 30%;
        width: 100%;
    }
    .footer1 .part3 {
        height: 30%;
        width: 90%;

    }
      .footer1 .part3   .map iframe{height: 70%; width: 100%; object-fit: cover;margin-bottom: 10px;}

    .footer .strip{
        height:7%;display: flex;flex-direction: column;justify-content: space-between;position: relative;
        align-items: center;justify-content: center;
        
         }
         .stripfont{width: 100%;height: 100%;font-size: 30%;
            display: flex;justify-content: space-around;align-items: center;flex-direction: column;}
            .contactcontainer1{width: 100%;height: 300px;background-image: url(../images/home1.jpg);background-size: cover;position: relative;
                margin-top: 0%;}
                
            .contact{position: relative;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%); }
            .contact h1{ font-size: 400%; font-family: "Mitr", sans-serif;color:white ;font-weight: 400;text-transform: uppercase;}
            
            body .contactcontainer2{width: 100%;height:1000px;position: relative;display: flex;flex-direction: column;align-items: center;
               justify-content:space-around;}
               .contactcontainer2 .contactbox{position: relative;width:90%;height:40%;font-family: "Mitr", sans-serif; 
            display: flex;align-items: center;justify-content: space-between;justify-content: none;flex-direction: column;}
            .contactboximg{width: 110px; height: 60px;}
            .contactboximg img{width: 100%;height: 100%;object-fit: cover;}
            .contactbox  h1{font-size:25px;font-weight:400;}
            .contactbox  #h2,#h4{position: relative;font-size: 18px;text-align: center;width:90%;height: 80%;display: flex;flex-direction: column;
            }            
}

/*index*/
@media screen and (max-width:500px) {
    nav{
        height: 7%; position: relative; display: flex; justify-content: space-between; width: 100%;
        background-color: rgba(255, 255, 255, 0.253); border: 0px solid;align-items: center;align-items: center; 
    }
    nav .logo  {
        width: 15%;object-fit: cover;margin-left: 2%; height: 9%; 
    }
    
    nav   .dropdown-toggle img{width: 70%;height: 100%; object-fit: cover;margin-right: 2%;}
    nav   .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f96c;
            min-width: 190px;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); float: right;right: 0%;
            z-index: 1;
        }
        
        /* Style links inside the dropdown */
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;font-family: "Mitr", sans-serif; font-weight: 400;
        }
        
        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }
        
        /* Show dropdown content when dropdown toggle is clicked */
        .dropdown.active .dropdown-content {
            display: block;
        }
        .dropdown-content a:hover {
    background-color: white; /* Change background color on hover */
    color: black; /* Change text color on hover */
}
}

@media screen and (max-width: 700px) {
    .banner-container {
        width: 100%;
        height: 600px;
       
    }
    
    .rectangle .rectanglebox3 {
        width: 100%; justify-content: space-around;
    }
    .started p, .customers p, .statified p {
        font-size: 70%;    
    }
    .started h1, .customers h1, .statified h1{  
        font-size: 200%;     
    }
    .rectangle{ height: 10%;top: 83%;}
   
}
@media screen and (max-width: 400px) {
    .contactcontainer1{font-size: 70%;}
}


@media screen and (max-width: 700px) {
    .aboutcontainer2{height: 2000px;display: flex;flex-direction: column;justify-content: space-around;
        }


    .aboutcolumnbox{position: relative;width: 100%;height: 1950px;
        display: flex;flex-direction: column;justify-content: space-between;text-align: center;}
        .aboutcolumn1{position: relative;width: 100%;height: 35%;display: flex;justify-content: space-around;flex-direction: column;
        align-items: center;}
        .abouttext1,.abouttext2, .abouttext3{position: relative;width: 100%;height: 100%;text-align: center;}
        .abouttext1 h1,.abouttext2 h1, .abouttext3 h1{position: relative;font-size: 240%;font-family: "Mitr", sans-serif;font-weight: 400;
            text-transform: uppercase;line-height: 85%;}
        .abouttext1 p,.abouttext2 p,.abouttext3 p{position: relative;font-size:93%;font-family: "Mitr", sans-serif;font-weight: 300;}
        .aboutimg1{position: relative;width: 290px; height: 253px; border-top-right-radius: 66px;background-image: url(../images/portfolio3.jpg);background-size: cover;}
        .aboutcolumn2{position: relative;width: 100%;height:27%;display: flex;flex-direction: column;
            align-items: center;}
        .abouttext2{bottom: 30%;}
        .aboutimg2{position: relative;;width: 290px; height: 253px; border-top-left-radius: 66px;
           background-image: url(../images/portfolio2.png);background-size: cover;
        top: 50%;}
        .aboutcolumn3{position: relative;width: 100%;height: 23%;display: flex;flex-direction: column;justify-content: space-around;
            align-items: center;}
        
        .aboutimg3{position: relative;width: 290px; height: 253px; border-bottom-right-radius: 66px;background-image: url(../images/portfolio4.jpg);background-size: cover;}
        .aboutshortnote{position: relative;height: 10%;width: 100%;}
        .aboutshortnote h1{font-size: 150%;font-family: "Mitr", sans-serif;font-weight: 400;}
        .aboutshortnote p{font-size:90%;font-family: "Mitr", sans-serif;font-weight: 300;}    
}

/*career*/
@media screen and (max-width: 700px) {
    .carrercontainer2{position: relative;width: 100%;height: 1200px;} 

    .carrertext1{position: relative;width: 100%;height: 50%;display: flex;
       flex-direction: column;justify-content: space-around;}
    .carrertext1font{height: 50%;width: 100%;text-align: center;}
   .carrertext1font h1{position: relative;font-size: 250%;font-family: "Mitr", sans-serif;font-weight: 400;text-transform: uppercase;}
   .carrertext1font p{position: relative;font-size: 90%;font-family: "Mitr", sans-serif;font-weight: 300;}
   .carrertext1 img{position: relative;width:60%; height: 25%; border-top-right-radius: 66px;
      object-fit: cover;}

    .carrercolumns{position: relative;display: flex;height:600px;flex-direction: column;align-items: center;
        font-family: "Mitr", sans-serif;width: 100%;justify-content: center;justify-content: space-between;}
    .carrercolumn01,.carrercolumn02,.carrercolumn03{width: 90%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;
    align-items: center;text-align: center;}
    .carrercolumn01 button,.carrercolumn02 button,.carrercolumn03 button{background-color: black;color: white;width:100%;height: 100%;}

     
}
@media screen and (max-width: 500px) {.aboutinsync h1{font-size: 170%;width: 150px;}}
@media screen and (max-width: 800px) {
    .career{position: relative; text-align: center;}
    .career h1{ font-size:200%; font-family: "Mitr", sans-serif;color:white ;font-weight: 400;}
    .aboutinsync h1{font-size: 170%;}
  

.nav1{
    height: 15%; position: relative; display: flex; justify-content: space-between; width: 100%;
     border: 0px solid;align-items: center;align-items: center; top: 2%;
}
.nav1 .logo  {
    width: 15%;object-fit: cover;left: 2%; height: 50%; display: none;
}

.nav1  .dropdown-toggle img{width: 45%;height: 0%; object-fit: cover;top: 50%;}
.nav1  .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f96c;
       width: 30%;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); float: right;right: 2%;
        z-index: 1;
    }
    .dropdown-content a {
        color: black;
font-size: 80%;
        text-decoration: none;line-height: 100%;text-align: center;
        display: block;font-family: "Mitr", sans-serif; font-weight: 400;height: 100%;
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {
        background-color: #f1f1f1;
    }
    
    /* Show dropdown content when dropdown toggle is clicked */
    .dropdown.active .dropdown-content {
        display: block;
    }
}
@media screen and (max-width: 500px) {
    .carrercontainer2{position: relative;width: 100%;height: 1500px;} 
    .carrertext1{position: relative;width: 100%;height: 60%;display: flex;
       flex-direction: column;justify-content: space-around;}
}   

/*services*/
@media screen and (max-width:600px) {
       
    .servicecontainer2{ height: 1000px;
                   }
    
                            .servicebox{height: 93%;
                           }
                            .servicebox1,.servicebox2,.servicebox3,.servicebox4,.servicebox5,.servicebox6{
                               font-size: 150%;}
                            .servicebox1 h1,.servicebox2 h1,.servicebox3 h1,.servicebox4 h1,.servicebox5 h1,.servicebox6 h1{
                                font-size: 80%;
                            }
                        }
     @media screen and (max-width:700px) {                   
    .service{position: relative; left: 50%;transform: translateX(-50%);text-align: center;bottom: 0%;}
    .service h1{ font-size:250%; font-family: "Mitr", sans-serif;color:white ;font-weight: 400;}

   
 }
 @media screen and (max-width: 500px) {.service {font-size: 85%;}}


 /*workflio*/
 @media screen and (max-width: 800px) {
    .workfolio{position: relative;}
    .workfolio h1{ font-size:200%; font-family: "Mitr", sans-serif;color:white ;font-weight: 400;}
    .workfolio h1{font-size: 170%;}
  

.nav1{
    height: 15%; position: relative; display: flex; justify-content: space-between; width: 100%;
     border: 0px solid;align-items: center;align-items: center; top: 2%;
}
.nav1 .logo  {
    width: 15%;object-fit: cover;left: 2%; height: 50%; display: none;
}

.nav1  .dropdown-toggle img{width: 45%;height: 0%; object-fit: cover;top: 50%;}
.nav1  .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f96c;
       width: 30%;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); float: right;right: 2%;
        z-index: 1;
    }
    .dropdown-content a {
        color: black;
font-size: 80%;
        text-decoration: none;line-height: 100%;text-align: center;
        display: block;font-family: "Mitr", sans-serif; font-weight: 400;height: 100%;
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {
        background-color: #f1f1f1;
    }
    
    /* Show dropdown content when dropdown toggle is clicked */
    .dropdown.active .dropdown-content {
        display: block;
    }
}
@media screen and (max-width: 500px) {
    .workfoliocolumn1{width: 100%;height: 40%;display: flex;justify-content: space-between;flex-direction: column;justify-content: space-between;}
    .workfolioimg1{position: relative;width: 100%;height: 50%;}
    .workfolioimg1 img{width: 100%;height: 100%;object-fit: cover;}
    .workfolioimg1 h1{position: absolute;background-color: rgba(250, 252, 252, 0.541);font-size: 140%;color: rgb(88, 8);text-align: center;font-family: "Mitr", sans-serif;font-weight: 400;width: 100%;height: 20%;top: 0%;}
    .workfolioimg2{position: relative;width: 100%;height: 50%;}
    .workfolioimg2 img{width: 100%;height: 100%;object-fit: cover;}
    .workfolioimg2 h1{position: absolute;background-color: rgba(250, 252, 252, 0.541);font-size: 140%;color: rgb(88, 8);text-align: center;font-family: "Mitr", sans-serif;font-weight: 400;width: 100%;height: 20%;top: 0%}
    
    .workfoliocolumn2{width: 100%;height: 20%;}
    .workfolioimg3{position: relative;width: 100%;height: 100%;}
    .workfolioimg3 img{width: 100%;height: 100%;object-fit: cover;}
    .workfolioimg3 h1{position: absolute;background-color: rgba(250, 252, 252, 0.541);font-size: 140%;color: rgb(88, 8);text-align: center;font-family: "Mitr", sans-serif;font-weight: 400;width: 100%;height: 20%;top: 0%}
    
    .workfoliocolumn3{width: 100%;height:40%;display: flex;justify-content: space-between;flex-direction: column;}
    .workfolioimg4{position: relative;width:100%;height: 50%;}
    .workfolioimg4 img{width: 100%;height: 100%;object-fit: cover;}
    .workfolioimg4 h1{position: absolute;background-color: rgba(250, 252, 252, 0.541);font-size: 140%;color: rgb(88, 8);text-align: center;font-family: "Mitr", sans-serif;font-weight: 400;width: 100%;height: 20%;top: 0%}
    .workfolioimg5{position: relative;width: 100%;height: 50%;}
    .workfolioimg5 img{width: 100%;height: 100%;object-fit: cover;}
    .workfolioimg5 h1{position: absolute;background-color: rgba(250, 252, 252, 0.541);font-size: 140%;color: rgb(88, 8);text-align: center;font-family: "Mitr", sans-serif;font-weight: 400;width: 100%;height: 20%;top: 0%}
    
}
@media screen and (max-width: 500px) {.workfolio h1{font-size: 120%;width: 150px;margin-top: 0%;}}


@media screen and (max-width: 500px) {
    .nav1  .dropdown-toggle img{width: 40%;height: 0%; object-fit: cover;top: 50%;right: 0%;}
    .nav1  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9e3;
   width: 80%;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); float: right;right: 10%;
    z-index: 1;
}
.dropdown-content a {
    color: black;
font-size: 80%;
    text-decoration: none;line-height: 100%;text-align: center;
    display: block;font-family: "Mitr", sans-serif; font-weight: 400;height: 100%;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #f1f1f1;
}

/* Show dropdown content when dropdown toggle is clicked */
.dropdown.active .dropdown-content {
    display: block;
}

/*carrer*/
.carrercontainer2{position: relative;width: 100%;height: 1200px;} 

.carrertext1{position: relative;width: 100%;height: 40%;display: flex;
   flex-direction: column;}
.carrertext1font{height: 60%;width: 100%;text-align: center;position: relative;}
.carrertext1font h1{font-size: 170%;}
.carrertext1font p{font-size:75%;}
.carrertext1 img{width:60%; height: 25%; }



}


@media screen and (max-width:350px) {
    /*career*/
    .carrertext1{height: 50%;}  
}


 /*business*/
 @media screen and (max-width:600px) {
    #left1{width:20px;height:20px;object-fit: cover;margin-top: 1%;margin-left: 1%;}
    .business{height: 1450px;width: 100%;display: flex;justify-content: center;flex-direction: column;
        justify-content: space-between;align-items: center;}
    .business1{height:35%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
    justify-content: space-between;}
    .business h1{font-size: 150%;font-weight: 400;text-align: center;}
    .business p{font-size: 85%;font-weight: 300;}
    .business11{font-size: 85%;font-weight: 300;}
    .business2{height: 60%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
        align-items: center;position: relative;}
    form{height: 93%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
       position: relative;}
    .inputbox0{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .inputbox0 .inputfeild0{position: relative;margin:15px ;width: 40%;height: 45px;}
    .inputbox0 .inputfeild0 input{height: 100%;width: 100%;background: transparent;outline: none;border: 0.50px rgba(0, 0, 0, 0.575) solid;font-size: 15px;font-family: "Mitr", sans-serif;color: rgba(0, 0, 0, 0.76);}
    #qualification{position: relative;margin:15px ;width: 100%;height: 45px;}
     #submit{height: 3%;width: 20%;background-color: #000;color: white;}
    
 }

  /*sales*/
  @media screen and (max-width:600px) {
    #left1{width:20px;height:20px;object-fit: cover;margin-top: 1%;margin-left: 1%;}
    .sales{height: 1350px;width: 100%;display: flex;justify-content: center;flex-direction: column;
        justify-content: space-around;align-items: center;}
    .sales1{height:20%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
    justify-content: space-between;}
    .sales h1{font-size: 170%;font-weight: 600;text-align: center;}
    .sales p{font-size: 85%;font-weight: 300;}
    .sales11{font-size: 85%;font-weight: 300;}
    .sales2{height: 60%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
        align-items: center;position: relative;}
        .salesform{height: 93%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
       position: relative;}
    .inputbox0{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .inputbox0 .inputfeild0{position: relative;margin:15px ;width: 40%;height: 45px;}
    .inputbox0 .inputfeild0 input{height: 100%;width: 100%;background: transparent;outline: none;border: 0.50px rgba(0, 0, 0, 0.575) solid;font-size: 15px;font-family: "Mitr", sans-serif;color: rgba(0, 0, 0, 0.76);}
    #qualification{position: relative;margin:15px ;width: 100%;height: 45px;}
     #submit{height: 3%;width: 20%;background-color: #000;color: white;}
    
 }

 /*regionalmanager*/
 @media screen and (max-width:600px) {
    #left1{width:20px;height:20px;object-fit: cover;margin-top: 1%;margin-left: 1%;}
    .regionalmanager{height: 1450px;width: 100%;display: flex;justify-content: center;flex-direction: column;
        justify-content: space-around;align-items: center;}
    .regionalmanager1{height:26%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
    justify-content: space-between;}
    .regionalmanager h1{font-size: 170%;font-weight: 600;text-align: center;}
    .regionalmanager p{font-size: 85%;font-weight: 300;}
    .regionalmanager11{font-size: 85%;font-weight: 300;}
    .regionalmanager2{height: 60%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
        align-items: center;position: relative;}
        .regionalmanagerform{height: 93%;width: 100%;display: flex;flex-direction: column; font-family: "Mitr", sans-serif;
       position: relative;}
    .inputbox0{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .inputbox0 .inputfeild0{position: relative;margin:15px ;width: 40%;height: 45px;}
    .inputbox0 .inputfeild0 input{height: 100%;width: 100%;background: transparent;outline: none;border: 0.50px rgba(0, 0, 0, 0.575) solid;font-size: 15px;font-family: "Mitr", sans-serif;color: rgba(0, 0, 0, 0.76);}
    #qualification{position: relative;margin:15px ;width: 100%;height: 45px;}
     #submit{height: 3%;width: 20%;background-color: #000;color: white;}
    
 }
  /*blog*/
  @media screen and (max-width:800px) {
    .blog{height: 1000px;width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.blog1{width: 80%;height: 95%;display: flex;justify-content: space-between; font-family: "Mitr", sans-serif;flex-direction: column;}
.blogcolumn1,.blogcolumn2,.blogcolumn3{width: 100% ;height: 30%;display: flex;flex-direction: column;
   align-items: center;text-align: center;transition: transform 0.3s ease-in-out;overflow: hidden;line-height:150%;
justify-content: start;}
.blogcolumn1 img ,.blogcolumn2 img,.blogcolumn3 img{height: 50%;width: 100%;object-fit: cover; transition: transform 0.3s ease-in-out;}
.blogcolumn1 h1,.blogcolumn2 h1,.blogcolumn3 h1{height: 15%;width: 100%;color: #000;font-weight: 400;font-size: large;}
.blogcolumn1 p,.blogcolumn2 p,.blogcolumn3 p{height: 15%;width: 100%;color: #000000b6;}
.blogcolumn1:hover img,.blogcolumn2:hover img ,.blogcolumn3:hover img  {
    transform: scale(1.2);
 }
 .blogcolumn1:hover  ,.blogcolumn2:hover  ,.blogcolumn3:hover   {
    transform: scale(1.2);
 }
.blogcolumn2{}
.blogcolumn3{}
.blogcolumn1 button,.blogcolumn2 button,.blogcolumn3 button{background-color: #000;width: 150%;height:100%;color: white; 
    transition: transform 0.3s ease-in-out;}
    nav{
        height:55px; position: relative; display: flex; justify-content:space-between; width: 100%;
        background-color: rgb(141, 157, 247); border: 0px solid;align-items: center;align-items: center; position: relative;
    }
    nav .logo  {
        width: 15%;object-fit: cover; height: 9%; 
    }
    nav .phno {
        width:34%;object-fit: cover; height: 80%; display: flex;align-items: center;
        justify-content: space-between;font-size: 16px;color: rgb(255, 255, 255);margin-left: 20%;position: absolute;
    }
    nav .icons {
        width: 20%;object-fit: cover; height:100%; display: flex;align-items: center;justify-content: center;margin-left:65%;position: absolute;
    }
    nav .icons  li{
        width: 32%; height:100%; list-style: none;position: relative;
        display: flex;align-items: center;justify-content: center;
    }
    nav .icons  li img{
        width:100%;
        height: 40%;
    }
  }
  @media screen and (max-width:400px) {
    .blog1{width: 70%;height: 90%;display: flex;justify-content: space-between; font-family: "Mitr", sans-serif;flex-direction: column;}
    .blogcolumn1,.blogcolumn2,.blogcolumn3{width: 100% ;height: 30%;display: flex;flex-direction: column;
        align-items: center;text-align: center;transition: transform 0.3s ease-in-out;overflow: hidden;line-height:150%;
     justify-content: space-around;}

  }

/*blogdetails*/
@media screen and (max-width:600px) {
.blog01,.blog02,.blog03{height: 400px;width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.blog11,.blog21,.blog31{width: 80%;height: 70%;display: flex;justify-content: space-between; font-family: "Mitr", sans-serif;
    line-height:150%;flex-direction: column;text-align: center;}
    .blog11 img,.blog21 img ,.blog31 img {height: 100%;width:100%;object-fit: cover; transition: transform 0.3s ease-in-out;}
    .blog12,.blog22,.blog32{height: 100%;width:100%;display: flex;flex-direction: column;justify-content: center;}
    .blog12 h1,.blog22 h1,.blog32 h1{width: 100%;color: #000;font-weight: 400;}
    .blog12 p,.blog22 p,.blog32 p{width: 100%;color: #000000b6;}
}