/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 760px) {


    .anchar_1{
        padding-left:40px;
    }
    /* .an_award {
        padding-left:-40px;
    } */

    .anchar_2{
        padding-left:100px;
    }
    .anchar_3{
        padding-left:40px;
    }
    .anchar_5{
        padding-left:40px;
    }
    .social_header{
        /* position: absolute;
        top: 1330px; */
        display:none;
       
    }
    .lang_1{
        margin-left: 15px;
    }
    
    .item1{
        margin:10px 50px 10px 70px ;
       }
       .item2{
        margin:10px 50px 10px 70px ;
       }
       .item3{
        margin:10px 50px 10px 70px ;
       }
       .item4{
        margin:10px 50px 10px 70px ;
       }
       .item5{
        margin:10px 50px 10px 70px ;
       }
       .item6{
        margin:10px 50px 10px 70px ;
       }
       .item7{
        margin:10px 50px 10px 70px ;
       }
       .item8{
        margin:10px 50px 10px 70px ;
       }
       .item9{
        margin:10px 50px 10px 70px ;
       }
       .item10{
        margin:10px 50px 10px 70px ;
       }

    .backcolor {
        height: 100%;
    }

    .m-d-none {
        display: none;
    }

    .drimage img {
        height: 100%;
    }

    .styleback {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .drinformation {
        position: sticky;
        justify-content: center;
        text-align: left;
        transform: translate(0%, 0%);
        height: 100%;
        width: 100%;
        left: 10px;
        top: 20px;
    }

    .drinformation p {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.7;
        letter-spacing: 0em;
       
        text-align: justify;
        padding: 20px;
    }

    .nextbutton {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 20px 15px;
        gap: 32px;
        position: absolute;
        width: 130px;
        height: 92%;
        right: 0px;
        top: 0px;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(12px);
        z-index: 9;
    }

    .backgo {
        background: #010115;
        box-shadow: 0px 4px 24px rgb(0 0 0 / 18%);
        height: 98%;
        position: relative;
        top: 10%;
    }

    .orderbutton {
        position: relative;
        margin: 0 auto;
        top: -30%;
        background-color: #2B2BEF;
        color: #fff;
        padding: 10px 10px 9px 1px;
        width: 200px;
        border-radius: 5px;
    }
    .em_video{
        display: none;
    }
    

    .drimage .owl-prev span {
        font-size: 20px !important;
        background: #000 !important;
        padding: 0px 13px 5px 13px !important;
        border-radius: 60px !important;
        border: solid 1px #b5acac !important;
        color: #b5acac !important;
        position: absolute !important;
        transform: translate(50%, -50%) !important;
        top: 65%;
        left: -5%;
        z-index: 10;
    }

    .owl-prev span {
        font-size: 20px !important;
        background: #000 !important;
        padding: 0px 13px 5px 13px !important;
        border-radius: 60px !important;
        border: solid 1px #b5acac !important;
        color: #b5acac !important;
        position: absolute !important;
        transform: translate(50%, -50%) !important;
        top: 65%;
        left: -5%;
        z-index: 10;
    }

    .owl-next span {
        font-size: 20px !important;
        background: #000 !important;
        padding: 0px 13px 5px 13px !important;
        border-radius: 60px !important;
        border: solid 1px #b5acac !important;
        color: #b5acac !important;
        position: absolute !important;
        transform: translate(50%, -50%) !important;
        right: 2%;
        top: 65%;
        z-index: 10;
    }

    /* start content page  */

    .stylebacknefirst {
        padding-left: 10px !important;
        padding-right: 20px !important;
    }

    .rdcontent {
        min-height: 120vh;
        max-height: fit-content;
    }

    .contcolorfirst {
        min-height: 100vh;
        max-height: fit-content;
    }

    .drhead {
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .drhead h1 {
        font-size: 18px;
        font-weight: 600;
    }

    .btnahmed {
        padding: 15px !important;
    }

    .btnahmed a {
        width: 100%;
    }

    /* start acknowladge start  */

    .stages span {
        color: #fff;
        padding-left: 18px;
    }

    .discover span {
        margin: 10px;
    }

    .buttoniconnew1 {
        text-align: right;
        right: 0%;
        position: relative;
        margin: 0 auto;
        top: -20px;
    }

    .nextbuttonnew a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -1%;
        right: -2%;
        z-index: 10;
    }

    .nextbuttonnew1 a {
        
        top: -10%;
        right: 30%;
        position: absolute;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    .nextbuttonnew1 a:hover {
        
        transform: translate(1%, 1%)

    }


    .nextbuttonnews a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -11%;
        right: -10%;
        z-index: 10;
    }

    .nextbuttonnewsw a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -8%;
        right: -5%;
        z-index: 10;
    }

    .nextbuttonnewsw1 a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -8%;
        right: -5%;
        z-index: 10;
    }

    
    .padocuctsimg{
        width:100%;
    }
    .nextbuttonnewss a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -2%;
        right: -7%;
        z-index: 10;
    }

    /* .aboutack {
        padding-top: 40px;
    } */

    .phonemain {
        height: 385vh;
    }

    .phonecountcolor {
        height: 317vh;
    }

    .phonerdcontent {
        height: 310vh;
    }
    /* .dracknewss{
        left:150px;
    } */

    .dracknewss .padocuctsimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
        /* height: 262px; */
        position: relative;
        width: 235px;
        height: 250px;
        /* top: 200px; */
        left:10px;
        
    }
    
    .dracknewss .padocuctsimg img {
        position: absolute;
        width: 25% ;
        height: 240px;
        top: 25px;
        left: 25px;
    }
    

    /* .drackimg {
        position: static;
        width: 60%;
        height: 30%;
        padding: 20px 10px;
        margin: 100px;
        
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .drackimg img {
        
        position: static;
        object-fit: contain;
        height: 100%;
        width: 100%;
    } */

            /* about */
    .drackimg {
        position: static;
        width: 60%;
        height: 30%;
        padding: 20px 10px;
        margin: 100px;
        
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .drackimg img {
        
        position: static;
        object-fit: contain;
        height: 100%;
        width: 100%;
    }

    /* about end */


    .drackimg1 {
        position: static;
        width: 80%;
        height: 50%;
        padding: 20px 10px;
        margin: 30px;
        
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .drackimg1 img {
        position: static;
        object-fit: contain;
        height: 100%;
        width: 100%;
    }

    /* acknowladge sec start  */
    /* .phoneacksec {
        height: 380vh;
    } */

    .phoneseccount {
        height: 310vh;
    }

    .phonesecrdcont {
        height: 300vh;
    }

    /* acknowladge third start  */
    .phoneackthird {
        height: 380vh;
    }

    /* .phonethirdcount {
        height: 310vh;
    } */

    /* .phonesecrdrdcont {
        height: 300vh;
    } */

    .drackimgrd {
        top: 2px;
    }

    /* acknowladge forth start  */
    .phoneackfourth {
        height: 325vh;
    }

    .phonefourthount {
        height: 255vh;
    }

    .phonefourthrdcont {
        height: 245vh;
    }

    .drackimgrd {
        top: 2px;
    }

    /* organigation1 start  */
    .headtextog h4 span {
        font-size: 16px;
    }

    .phoneackorg {
        height: 395vh;
    }

    .phoneorgcount {
        height: 322vh;
    }

    .phoneorgrdcont {
        height: 315vh;
    }

    .drackimgrd {
        top: 2px;
    }

    /* organigation2 start  */
    .headtextog h4 span {
        font-size: 16px;
    }

    .aboutsicons ul {
        padding-right: 5px;
        padding-left: 0px;
    }

    .phoneackorgone {
        height: 250vh;
    }

    .phoneorgcountone {
        height: 175vh;
    }

    .phoneorgrdcontone {
        height: 165vh;
    }

    .drackimgrd {
        top: 2px;
    }

    /* business-profile-one start  */
    .phonebussinessone {
        height: 250vh;
    }

    .phonebussinesssecon {
        height: 175vh;
    }

    .phonebussinessthree {
        height: 165vh;
    }

    .drackimgrd {
        top: 2px;
    }

    .drproduct .item {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
        /* position: absolute; */
        width: 300px;
        height: 300px;
        top: 30px;
    }

    .drproduct .item img {
        position: absolute;
        width: 250px !important;
        height: 280px !important;
        top: 10px;
        left: 30px;
    }

    .phonebussinesstwoa {
        height: 480vh;
    }

    .phonebussinesssecb {
        height: 410vh;
    }

    .phonebussinessthreec {
        height: 400vh;
    }

    .drproduct {
        padding-top: 50px !important;
    }

    /* bussiness 3rd start  */
    .drackimgbusn {
        width: 92%;
        height: 200px;
        left: 10px;
        overflow: hidden;
    }

    .drackimgbusn img {
        width: 240px;
        height: 200px;
        top: 0px;
        left: 25px;
        overflow: hidden;
    }

    /* .drackimgbuse{

    } */
    .drackimgbusee {
        top: 330px;
    }

    .drackimgbuseee {
        top: 600px;
    }

    .drackimgbuscir {
        top: 850px
    }

    .drackimgbusff {
        top: 1150px;
    }

    .drackimgbusfff {
        top: 1450px;
    }

    .phonebussinessne {
        height: 320vh;
    }

    .phonebussinesssenew {
        height: 250vh;
    }

    .phonebussinessthrness {
        height: 240vh;
    }

    .stylebackne {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* busspro  */
    .phonebussinessnen {
        height: auto;
    }

    .phonebussinesssecbn {
        height: auto;
    }

    .phonebussinessthreecn {
        height: 650px;
    }
    .an_award{
        padding-left: 150px;
    }

    .stagesog span {
        padding-left: 20px;
    }

    .discover2 span {
        margin: 25px;
    }

    .stagesw {
        margin-right: 20px;
        display: inline-flex;
    }

    .discovernew span {
        margin: 5px;
    }

    .stagesw span {
        padding-left: 8px;
        display: none;
    }

    .phonesecrdcontnn {
        height: 140vh;
    }

    .phoneseccountnn {
        height: 150vh;
    }

    .phoneacksecnn {
        height: 225vh;
    }

    .phonesecrdcontnnn {
        height: 155vh;
    }

    .phoneseccountnnn {
        height: 165vh;
    }

    .phoneacksecnnn {
        height: 240vh;
    }

    .drackimgmed img {
        left: 35px;
    }

    .phonesecrdcontnnnn {
        height: 120vh;
    }

    .phoneseccountnnnn {
        height: 130vh;
    }

    .phoneacksecnnnn {
        height: 210vh;
    }

    .phonesecrdcontnnnnn {
        height: 80vh;
    }

    .phoneseccountnnnnn {
        height: 90vh;
    }

    .phoneacksecnnnnn {
        height: 170vh;
    }

    /* award page start  */
    .imagesaward {
        text-align: center;
    }

    .slideimag {
        background-color: #0E1121;
        width: 278px;
        padding: 15px;
        margin-top: 25px;
    }

    .phoneackorgaward {
        height: 530vh;
    }

    .phoneorgcountaward {
        height: 455vh;
    }

    .phoneorgrdcontaward {
        height: 445vh;
    }

    .phoneackorgawar {
        height: 420vh;
    }

    .phoneorgcountawar {
        height: 340vh;
    }

    .phoneorgrdcontawar {
        height: 330vh;
    }
    .iconsaboutt{
        padding-left: 20px;;
    }

    .iconsaboutt li i {
        position: absolute;
        transform: translate(50%, -50%);
        margin: 0 auto;
        /* left: -87%; */
        left: -80%;
        margin-top: 26px;
        overflow: hidden;
    }

    /* .phoneackthirdhome {
        height: 375vh;
    } */

    /* .phoneackthirdabout {
        height: 360vh;
    } */

    /* .phonesecrdrdcontabout {
        height: 285vh;
    } */

    /* .phonethirdcountabout {
        height: 295vh;
    } */

    .newstage span {
        padding-left: 22px;
        font-size: 12px;
    }

    /* .phoneackthirdgallery {
        height: 190vh;
    } */

    /* .phonethirdcountgallery {
        height: 125vh;
    } */

    /* .phonesecrdrdcontgallery {
        height: 115vh;
    } */

    /* .phoneackthirdenquire {
        height: 230vh;
    } */

    /* .phonethirdcountenquire {
        height: 165vh;
    } */

    /* .phonesecrdrdcontenquire {
        height: 155vh;
    } */

    .contcoloren {
        padding: 5px !important;
    }

    .enquireimages {
        margin:70px 10px 50px 20px;
    }

    .formsection {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .rechimap {
        position: relative;
        background: #0B0D1A;
        box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
        width: 250px;
        height: 318px;
        top: -18px;
        /* border-radius: 20px; */
        left: 20px;
    }

    .rechimap iframe {
        position: relative;
        width: 250px;
        height: 320px;
        top: 15px;
        left: 20px;
        border-radius: 20px;
    }
    .rechimap iframe:hover {
        transform: translate(1%, 1%)
    }

    /* .phoneackthirdreachout {
        height: 275vh;
    } */

    /* .phonesecrdrdcontreachout {
        height: 200vh;
    } */

    /* .phonethirdcountreachout {
        height: 210vh;
    } */

    .phoneresponsive {
        margin-top: 60px;
    }

    .sidepanel .closebtn {
        top: -40px;
    }

    .sidepanel {
        right: 15px;
    }

    .phonetye {
        padding-right: 10px;
    }

    .paragraph span{
        display:block;opacity:0;
        animation:reveal .5s forwards var(--delay);
        }
        
        @keyframes reveal{
        from { translate: 0 20px; }
        to {  translate:none; opacity:1;}
        }

        .drackmedimg {
            background: #0E1121;
            box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
            
           position:relative;
            width: 200px;
            height: 200px;
            top: -20px;
            left: 20px;
        }
        
        .drackmedimg img {
            position: absolute;
            width: 200px;
            height: 195px;
            top: 15px;
            left: 20px;
        }
        .ac_enquire{
            padding-left: 09px;
           
          }

          .logo_header{
            text-align: center;
           
            
          }

          /* .social_header{
            text-align: center;
          } */

          .header_logo{
            margin-left:-40px;
          }
          
          .galleryslide .owl-prev span {
            font-size: 20px !important;
            background: #000 !important;
            padding: 0px 13px 5px 13px !important;
            border-radius: 60px !important;
            border: solid 1px #b5acac !important;
            color: #b5acac !important;
            position: absolute !important;
            transform: translate(50%, -50%) !important;
            top: 55%;
            /* left: -0.5%; */
            /* left: -100%; */
              left: -10%; 
            z-index: 10;
        }
        
        .galleryslide .owl-next span {
            font-size: 20px !important;
            background: #000 !important;
            padding: 0px 13px 5px 13px !important;
            border-radius: 60px !important;
            border: solid 1px #b5acac !important;
            color: #b5acac !important;
            position: absolute !important;
            transform: translate(50%, -50%) !important;
            /* right: 2%; */
            /* right: -100%; */
            right: 10%;
            top: 55%;
            z-index: 10;
        }
        .dracknewss{
            padding-left: 0px;
            padding-top: 30px;
        }
        .dracknewss .item {
           
            background: #0E1121;
            box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
            width: 320px;
            height: 230px;
            
        }
        
        .dracknewss .item img {
            /* position: relative; */
            position:absolute;
            width: 00px ;
            height: 215px;
            
            top: 10px;
            left: 21px;
        }
          
        .animate-charcter
        {
           text-transform: uppercase;
          background-image: linear-gradient(
            -225deg,
             #44107a 0%,
             #FFFFFF 29%,
             #231557 67%,
             #01011C 100%
          );
          background-size: auto auto;
          background-clip: border-box;
          background-size: 200% auto;
          color: #fff;
          background-clip: text;
          /* text-fill-color: transparent; */
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          animation: textclip 2s linear infinite;
          display: inline-block;
              font-size: 20px;
              padding-right: 70px;
        }
        
        @keyframes textclip {
          to {
            background-position: 200% center;
          }
        }



        .drackaboutimg {
            
       
            background: #0E1121;
            box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
        
            position: relative;
            width: 240px;
            height: 250px;
            top: -20px;
            left: -30px;
             margin: 50px;
             /* position: relative;
             width: 180px;
             height: 100px;
             top: -10px;
             left: 10px; */
              
           
        }
        
        .drackaboutimg img {
           
            
            width: 240px;
            height: 250px;
            top: -30px;
            left: -30px;
            margin: 50px;
            /* width: 180px;
            height: 100px;
            top: 10px;
            left: 15px;
             */
        }

       

    .drackackimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
       
        position:relative;

        width: 200px;
        height: 180px;
        top: -30px;
        /* left:50px; */
        left: 18px;
    }
    
    .drackackimg img {
        position: absolute;
        width: 205px;
        height: 180px;
        top: 15px;
        left: 15px;
    }
    .ac_buss{
        position:absolute;
        left:20px;
        top:20px;
    }

    .drackbusimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
       
        position: relative;
        width: 185px;
        height: 110px;
        top: -20px;
        /* left:50px; */
        left: 50px;
    }
    
    .drackbusimg img {
        position: absolute;
        width: 185px;
        height: 110px;
        top: 10px;
        left: 12px;
    }

    .drackorgimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
      
       position:relative;
        width: 200px;
        height: 100px;
        /* width: 150px;
        height: 80px; */
        top:-20px;
        left:50px;
    }
    
    .drackorgimg img {
        position: absolute;
        width: 200px;
        height: 95px;
        /* width: 150px;
        height: 75px; */
        top: 15px;
        left: 15px;
    }
        
}

/* Medium devices (Tablet, 768px and up) */
@media only screen and (max-width:991px)  and (min-width: 761px)   {

    
  
    .lang_1{
        padding-left: 20px;
    }

    /* .styleback{
       background-color: yellow;
    
    } */

   .item1{
    margin:10px 50px 10px 70px ;
   }
   .item2{
    margin:10px 50px 10px 70px ;
   }
   .item3{
    margin:10px 50px 10px 70px ;
   }
   .item4{
    margin:10px 50px 10px 70px ;
   }
   .item5{
    margin:10px 50px 10px 70px ;
   }
   .item6{
    margin:10px 50px 10px 70px ;
   }
   .item7{
    margin:10px 50px 10px 70px ;
   }
   .item8{
    margin:10px 50px 10px 70px ;
   }
   .item9{
    margin:10px 50px 10px 70px ;
   }
   .item10{
    margin:10px 50px 10px 70px ;
   }


   .backcolor {
       height: 101.6%;
       
   }

   .m-d-none {
       display: none;
   }

   .drimage img {
       height: 100%;
   }

   .styleback {
       padding-right: 15px !important;
       padding-left: 15px !important;
   }

   

   .drinformation {
       position: relative;
       justify-content: center;
        text-align: center;
       transform: translate(0%, 0%);
       height: 100%;
       width: 100%;
       left: 0px;
       top: 70px;

       /* -webkit-user-select: none;
       -moz-user-select: none;
       -o-user-select: none;
       -user-select: none; */
   }

   .paragraph span{
    display:block;opacity:0;
    animation:reveal .5s forwards var(--delay);
    }
    
    @keyframes reveal{
    from { translate: 0 20px; }
    to {  translate:none; opacity:1;}
    }

   .drinformation p {
       font-family: Roboto;
       font-size: 20px;
       font-weight: 700;
       line-height: 1.7;
       letter-spacing: 0em;
       text-align: justify;
       padding: 20px;

    
       
   }
   

   .nextbutton {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       align-items: center;
       padding: 20px 15px;
       gap: 32px;
       position: absolute;
       width: 130px;
       height: 92%;
       right: 0px;
       top: 0px;
       background: rgba(0, 0, 0, 0.5);
       backdrop-filter: blur(12px);
       z-index: 9;
   }

   .backgo {
       background: #010115;
       box-shadow: 0px 4px 24px rgb(0 0 0 / 18%);
       height: 98%;
       position: relative;
       top: 10%;
   }

   /* .orderbutton {
       position: relative;
       margin: 0 auto;
       top: 60%;
       background-color: #2B2BEF;
       color: #fff;
       padding: 10px 10px 9px 1px;
       width: 200px;
       border-radius: 5px;
       text-align:center;
        justify-content: center;
   } */
   .orderbutton {
    position: relative;
    margin: 0 auto;
    top: -15%;
    background-color: #2B2BEF;
    color: #fff;
    padding: 10px 10px 9px 1px;
    width: 200px;
    border-radius: 5px;
    }
   .em_video{
    display: none;
    }

   .drimage .owl-prev span {
       font-size: 20px !important;
       background: #000 !important;
       padding: 0px 13px 5px 13px !important;
       border-radius: 60px !important;
       border: solid 1px #b5acac !important;
       color: #b5acac !important;
       position: absolute !important;
       transform: translate(50%, -50%) !important;
       top: 65%;
       left: -5%;
       z-index: 10;
   }

   .owl-prev span {
       font-size: 20px !important;
       background: #000 !important;
       padding: 0px 13px 5px 13px !important;
       border-radius: 60px !important;
       border: solid 1px #b5acac !important;
       color: #b5acac !important;
       position: absolute !important;
       transform: translate(50%, -50%) !important;
       top: 65%;
       left: -5%;
       z-index: 10;
   }

   

   .owl-next span {
       font-size: 20px !important;
       background: #000 !important;
       padding: 0px 13px 5px 13px !important;
       border-radius: 60px !important;
       border: solid 1px #b5acac !important;
       color: #b5acac !important;
       position: absolute !important;
       transform: translate(50%, -50%) !important;
       right: 2%;
       top: 65%;
       z-index: 10;
   }

   /* start content page  */

   .stylebacknefirst {
       padding-left: 15px !important;
       padding-right: 15px !important;
   }

   .rdcontent {
       min-height: 120vh;
       max-height: fit-content;
   }

   .contcolorfirst {
       min-height: 100vh;
       max-height: fit-content;
   }

   .drhead {
       padding-top: 20px;
       padding-bottom: 15px;
   }

   .drhead h1 {
       font-size: 18px;
       font-weight: 600;
   }

   /* .box-11{
    width:100%;
    height: 100%;
   } */
   .btnahmed {
       padding: 15px !important;
   }

   
   .btnahmed a {
       width: 100%;
   }

   /* start acknowladge start  */

   .stages span {
       color: #fff;
       padding-left: 25px;
   }

   .discover span {
       margin: 10px;
   }

   .buttoniconnew1 {
       text-align: right;
       right: 0%;
       position: relative;
       margin: 0 auto;
       top: -20px;
   }

   .nextbuttonnew a {
       padding: 15px 20px 15px 20px;
       border: solid 2px #4201FC;
       border-radius: 50px;
       font-size: 14px;
       /* position: absolute; */
       background: #350139;
       position: absolute;
       transform: translate(-50%, 50%);
       top: -2%;
       right: -1%;
       z-index: 10;
   }

   .nextbuttonnew1 a {
        
    top: -8%;
  left:-60%;
    position: absolute;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    .nextbuttonnew1 a:hover {
    
    transform: translate(1%, 1%)

    }


   .nextbuttonnews a {
       padding: 15px 20px 15px 20px;
       border: solid 2px #4201FC;
       border-radius: 50px;
       font-size: 14px;
       background: #350139;
       position: absolute;
       transform: translate(-50%, 50%);
       top: -11%;
       right: -10%;
       z-index: 10;
   }

   .nextbuttonnewsw a {
       padding: 15px 20px 15px 20px;
       border: solid 2px #4201FC;
       border-radius: 50px;
       font-size: 14px;
       /* position: absolute; */
       background: #350139;
       position: absolute;
       transform: translate(-50%, 50%);
       top: -12%;
       right: -5%;
       z-index: 10;
   }
   .nextbuttonnewsw1 a {
    padding: 15px 20px 15px 20px;
    border: solid 2px #4201FC;
    border-radius: 50px;
    font-size: 14px;
    /* position: absolute; */
    background: #350139;
    position: absolute;
    transform: translate(-50%, 50%);
    top: -12%;
    right: -3%;
    z-index: 10;
    }

   .nextbuttonnewss a {
       padding: 15px 20px 15px 20px;
       border: solid 2px #4201FC;
       border-radius: 50px;
       font-size: 14px;
       /* position: absolute; */
       background: #350139;
       position: absolute;
       transform: translate(-50%, 50%);
       top: -2%;
       right: -7%;
       z-index: 10;
   }

   /* .aboutack {
       padding-top: 40px;
   } */

   .phonemain {
       height: 385vh;
   }

   .phonecountcolor {
       height: 317vh;
   }

   .phonerdcontent {
       height: 310vh;
   }

   .buss_lang{
    position:absolute;
    left:20px;
   }

   .buss_3_lang{
    position:absolute;
    left:20px;
    top:20px;
   }
   .buss_4_lang{
    position:absolute;
    left:20px;
   }

   .buss_2_h{
    position:absolute;
    top:250px;
   }
   .dracknewss .padocuctsimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
    /* height: 262px; */
    position: relative;
    width: 100px;
    height: 260px;
    top: 40px;
    left:-105px;
    }

    .dracknewss .padocuctsimg img {
    position: relative;
    width: 100px 
    height: 20px;
    top: 20px;
    left: 30px;
    }

    .drackmedimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
   
    position: absolute;
    width: 150px;
    height: 250px;
    top: 270px;
    left: -20px;
    }

    .drackmedimg img {
    position: absolute;
    width: 150px;
    height: 250px;
    top: 20px;
    left: 20px;
    }

    .ac_enquire{
    padding-right: 100px;
  }

  .logo_header{
    text-align: start;
  }

    .logo_header img{
        
    width: 200px;
  }

  /* .social_header{
    
  } */

  .galleryslide .owl-prev span {
    font-size: 20px !important;
    background: #000 !important;
    padding: 0px 13px 5px 13px !important;
    border-radius: 60px !important;
    border: solid 1px #b5acac !important;
    color: #b5acac !important;
    position: absolute !important;
    transform: translate(50%, -50%) !important;
    top: 55%;
    /* left: -0.5%; */
    left: -50%;
    z-index: 10;
    }

    .galleryslide .owl-next span {
    font-size: 20px !important;
    background: #000 !important;
    padding: 0px 13px 5px 13px !important;
    border-radius: 60px !important;
    border: solid 1px #b5acac !important;
    color: #b5acac !important;
    position: absolute !important;
    transform: translate(50%, -50%) !important;
    /* right: 2%; */
    right: -20%;
    top: 55%;
    z-index: 10;
    }

    .dracknewss{
    padding-left:120px;

    }
        .dracknewss .item {
    background: #0E1121;
    position: relative;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
    width: 400px;
    height: 400px;
    /* margin-left:140; */

    }

    .dracknewss .item img {
    position: absolute;
    width: 200px ;
    height: 320px;
    
    top: 40px;
    left: 40px;
    }




    .animate-charcter
        {
           text-transform: uppercase;
          background-image: linear-gradient(
            -225deg,
            #44107a 0%,
            #FFFFFF 29%,
            #231557 67%,
            #01011C 100%
          );
          background-size: auto auto;
          background-clip: border-box;
          background-size: 200% auto;
          color: #fff;
          background-clip: text;
          /* text-fill-color: transparent; */
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          animation: textclip 2s linear infinite;
          display: inline-block;
              font-size: 20px;
              padding-right: 100px;
        }
        
        @keyframes textclip {
          to {
            background-position: 200% center;
          }
        }



   .drackaboutimg {
    
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);

    position: absolute;
    width: 153px;
    height: 242px;
    top: 350px;
    left:-10px;
   
    }

    .drackaboutimg img {
    position: absolute;
    width: 150px;
    height: 240px;
    top: 20px;
    left: 20px;
    }

    .drackackimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);

    position: absolute;
    width: 150px;
    height: 245px;
    top: 500px;
    left:3px;
   
        }

    .drackackimg img {
    position: absolute;
    width: 150px;
    height: 242px;
    top: 20px;
    left: 20px;
        }

    .drackbusimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);

    position:relative;
    width: 150px;
    height: 245px;
    top: 240px;
    left:-20px;
   
    }

    .drackbusimg img {
    position: absolute;
    width: 145px;
    height: 240px;
    top: 20px;
    left: 20px;
    }

    .drackorgimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);

    position: absolute;
    width: 150px;
    height: 245px;
    top: 320px;
    left:3px;
   
    }

    .drackorgimg img {
    position: absolute;
    width: 150px;
    height: 245px;
    top: 20px;
    left: 20px;
    }

   .drackimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);

    position: absolute;
    width: 150px;
    height: 245px;
    top: 220px;
    left:3px;
    }

    .drackimg img {
    position: absolute;
    width: 145px;
    height: 205px;
    top: 20px;
    left: 20px;
    }

    .drackimg1 {
    position: static;
    width: 80%;
    height: 50%;
    padding: 20px 10px;
    margin: 40px;
    
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    }
    .drackimg1 img {
    position: static;
    object-fit: contain;
    height: 100%;
    width: 100%;
    }



   /* acknowladge sec start  */
   /* .phoneacksec {
       height: 380vh;
   } */

   .phoneseccount {
       height: 310vh;
   }

   .phonesecrdcont {
       height: 300vh;
   }

   /* acknowladge third start  */
   .phoneackthird {
       height: 380vh;
   }

   /* .phonethirdcount {
       height: 310vh;
   } */

   /* .phonesecrdrdcont {
       height: 300vh;
   } */

   .drackimgrd {
       top: 20px;
       
   }

   /* acknowladge forth start  */
   .phoneackfourth {
       height: 325vh;
   }

   .phonefourthount {
       height: 255vh;
   }

   .phonefourthrdcont {
       height: 245vh;
   }

   /* .drackimgrd {
       top: 2px;
   } */

   /* organigation1 start  */
   .headtextog h4 span {
       font-size: 16px;
   }

   .phoneackorg {
       height: 395vh;
   }

   .phoneorgcount {
       height: 322vh;
   }

   .phoneorgrdcont {
       height: 315vh;
   }

   /* .drackimgrd {
       top: 2px;
   } */

   /* organigation2 start  */
   .headtextog h4 span {
       font-size: 16px;
   }

   .aboutsicons ul {
       padding-right: 5px;
       padding-left: 0px;
   }

   .phoneackorgone {
       height: 250vh;
   }

   .phoneorgcountone {
       height: 175vh;
   }

   .phoneorgrdcontone {
       height: 165vh;
   }

   /* .drackimgrd {
       top: 2px;
   } */

   /* business-profile-one start  */
   .phonebussinessone {
       height: 250vh;
   }

   .phonebussinesssecon {
       height: 175vh;
   }

   .phonebussinessthree {
       height: 165vh;
   }

   /* .drackimgrd {
       top: 2px;
   } */

   .drproduct .item {
       background: #0E1121;
       box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
       /* position: absolute; */
       width: 300px;
       height: 300px;
       top: -5px;
       left:100px;
   }

   .drproduct .item img {
       position: absolute;
       width: 270px !important;
       height: auto !important;
       top: 30px;
       left: 30px;
   }

   .phonebussinesstwoa {
       height: 480vh;
   }

   .phonebussinesssecb {
       height: 410vh;
   }

   .phonebussinessthreec {
       height: 400vh;
   }

   .drproduct {
       padding-top: 50px !important;
   }

   /* bussiness 3rd start  */
   .drackimgbusn {
       width: 92%;
       height: 200px;
       left: 10px;
       overflow: hidden;
   }

   .drackimgbusn img {
       width: 240px;
       height: 200px;
       top: 0px;
       left: 25px;
       overflow: hidden;
   }

   /* .drackimgbuse{

   } */
   .drackimgbusee {
       top: 330px;
   }

   .drackimgbuseee {
       top: 600px;
   }

   .drackimgbuscir {
       top: 850px
   }

   .drackimgbusff {
       top: 1150px;
   }

   .drackimgbusfff {
       top: 1450px;
   }

   .phonebussinessne {
       height: 320vh;
   }

   .phonebussinesssenew {
       height: 250vh;
   }

   .phonebussinessthrness {
       height: 240vh;
   }

   .stylebackne {
       padding-left: 15px !important;
       padding-right: 15px !important;
   }

   /* busspro  */
   .phonebussinessnen {
       height: auto;
   }

   .phonebussinesssecbn {
       height: auto;
   }

   .phonebussinessthreecn {
       height: 650px;
   }
   .an_award{
    padding-left: 210px;
   }

   .stagesog span {
       padding-left: 20px;
   }

   .discover2 span {
       margin: 25px;
   }

   .stagesw {
       margin-right: 20px;
       display: inline-flex;
   }

   .discovernew span {
       margin: 5px;
   }

   .stagesw span {
       padding-left: 8px;
       display: none;
   }

   .phonesecrdcontnn {
       height: 140vh;
   }

   .phoneseccountnn {
       height: 150vh;
   }

   .phoneacksecnn {
       height: 225vh;
   }

   .phonesecrdcontnnn {
       height: 155vh;
   }

   .phoneseccountnnn {
       height: 165vh;
   }

   .phoneacksecnnn {
       height: 240vh;
   }

   .drackimgmed img {
       left: 35px;
   }

   .phonesecrdcontnnnn {
       height: 120vh;
   }

   .phoneseccountnnnn {
       height: 130vh;
   }

   .phoneacksecnnnn {
       height: 210vh;
   }

   .phonesecrdcontnnnnn {
       height: 80vh;
   }

   .phoneseccountnnnnn {
       height: 90vh;
   }

   .phoneacksecnnnnn {
       height: 170vh;
   }

   /* award page start  */
   .imagesaward {
       text-align: center;
       
   }

   .slideimag {
       background-color: #0E1121;
       width: 278px;
       padding: 15px;
       margin-top: 25px;
   }

   .phoneackorgaward {
       height: 530vh;
   }

   .phoneorgcountaward {
       height: 455vh;
   }

   .phoneorgrdcontaward {
       height: 445vh;
   }

   .phoneackorgawar {
       height: 420vh;
   }

   .phoneorgcountawar {
       height: 340vh;
   }

   .phoneorgrdcontawar {
       height: 330vh;
   }
   .iconsaboutt{
    padding-left: 30px;;
    }
    .org_flag1{
        position:absolute;
        left:30px;  
    }

   .org_flag{
    position:absolute;
    left:30px;
   }
   .iconsaboutt li i {
       position: absolute;
       transform: translate(50%, -50%);
       margin: 0 auto;
       left: -87%;
       margin-top: 26px;
       overflow: hidden;
   }

   /* .phoneackthirdhome {
       height: 375vh;
   } */

   /* .phoneackthirdabout {
       height: 360vh;
   } */

   /* .phonesecrdrdcontabout {
       height: 285vh;
   } */

   /* .phonethirdcountabout {
       height: 295vh;
   } */

   .newstage span {
       padding-left: 22px;
       font-size: 12px;
   }

   /* .phoneackthirdgallery {
       height: 190vh;
   } */

   /* .phonethirdcountgallery {
       height: 125vh;
   } */

   /* .phonesecrdrdcontgallery {
       height: 115vh;
   } */

   /* .phoneackthirdenquire {
       height: 230vh;
   } */

   /* .phonethirdcountenquire {
       height: 165vh;
   } */

   /* .phonesecrdrdcontenquire {
       height: 155vh;
   } */

   .contcoloren {
       padding: 5px !important;
   }

   .enquireimages {
    height:50%;
    margin:70px 10px 50px 20px;
   }

   .formsection {
       margin-left: 30px !important;
       margin-right: 20px !important;
   }

   .rechimap {
       position: relative;
       background: #0B0D1A;
       box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
       width: 300px;
       height: 380px;
       top: 05px;
       /* border-radius: 20px; */
       left: 15px;
   }

   .rechimap iframe {
       position: relative;
       width: 300px;
       height: 370px;
       top: 30px;
       left: 30px;
       border-radius: 20px;
   }
   .rechimap iframe:hover {
       transform: translate(1%, 1%)
   }

   /* .phoneackthirdreachout {
       height: 275vh;
   } */

   /* .phonesecrdrdcontreachout {
       height: 200vh;
   } */

   /* .phonethirdcountreachout {
       height: 210vh;
   } */

   .phoneresponsive {
       margin-top: 60px;
   }

   .sidepanel .closebtn {
       top: -40px;
   }

   .sidepanel {
       right: 15px;
   }

   .phonetye {
       padding-right: 10px;
   }

   /* .header_logo{
    height:100%;
  } */
  .indianflag{
    margin-left:80px;
    }
}

/* Large devices (laptop, 992px and up) */
@media only screen and (max-width:1199px)  and (min-width: 992px)   {   

    /* .styleback{
       background-color: yellow;
    
    } */
   


   .item1{
    margin:10px 50px 10px 70px ;
   }
   .item2{
    margin:10px 50px 10px 70px ;
   }
   .item3{
    margin:10px 50px 10px 70px ;
   }
   .item4{
    margin:10px 50px 10px 70px ;
   }
   .item5{
    margin:10px 50px 10px 70px ;
   }
   .item6{
    margin:10px 50px 10px 70px ;
   }
   .item7{
    margin:10px 50px 10px 70px ;
   }
   .item8{
    margin:10px 50px 10px 70px ;
   }
   .item9{
    margin:10px 50px 10px 70px ;
   }
   .item10{
    margin:10px 50px 10px 70px ;
   }


   .backcolor {
       height: 101.6%;
       
   }

   .m-d-none {
       display: none;
   }

   .drimage img {
       height: 100%;
   }

   .styleback {
       padding-right: 15px !important;
       padding-left: 15px !important;
   }

   

   .drinformation {
       position: relative;
       justify-content: center;
        text-align: center;
       transform: translate(0%, 0%);
       height: 100%;
       width: 100%;
       left: 0px;
       top: 70px;

       /* -webkit-user-select: none;
       -moz-user-select: none;
       -o-user-select: none;
       -user-select: none; */
   }

   .paragraph span{
    display:block;opacity:0;
    animation:reveal .5s forwards var(--delay);
    }
    
    @keyframes reveal{
    from { translate: 0 20px; }
    to {  translate:none; opacity:1;}
    }

   .drinformation p {
       font-family: Roboto;
       font-size: 20px;
       font-weight: 700;
       line-height: 1.7;
       letter-spacing: 0em;
       text-align: center;
       padding: 20px;

    
       
   }
   

   .nextbutton {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       align-items: center;
       padding: 20px 15px;
       gap: 32px;
       position: absolute;
       width: 130px;
       height: 92%;
       right: 0px;
       top: 0px;
       background: rgba(0, 0, 0, 0.5);
       backdrop-filter: blur(12px);
       z-index: 9;
   }

   .backgo {
       background: #010115;
       box-shadow: 0px 4px 24px rgb(0 0 0 / 18%);
       height: 98%;
       position: relative;
       top: 10%;
   }

   /* .orderbutton {
       position: relative;
       margin: 0 auto;
       top: 60%;
       background-color: #2B2BEF;
       color: #fff;
       padding: 10px 10px 9px 1px;
       width: 200px;
       border-radius: 5px;
       text-align:center;
        justify-content: center;
   } */

   .orderbutton {
    position: relative;
    margin: 0 auto;
    top: -15%;
    background-color: #2B2BEF;
    color: #fff;
    padding: 10px 10px 9px 1px;
    width: 200px;
    border-radius: 5px;
    }
   .em_video{
    display: none;
    }

   .drimage .owl-prev span {
       font-size: 20px !important;
       background: #000 !important;
       padding: 0px 13px 5px 13px !important;
       border-radius: 60px !important;
       border: solid 1px #b5acac !important;
       color: #b5acac !important;
       position: absolute !important;
       transform: translate(50%, -50%) !important;
       top: 65%;
       left: -5%;
       z-index: 10;
   }

   .owl-prev span {
       font-size: 20px !important;
       background: #000 !important;
       padding: 0px 13px 5px 13px !important;
       border-radius: 60px !important;
       border: solid 1px #b5acac !important;
       color: #b5acac !important;
       position: absolute !important;
       transform: translate(50%, -50%) !important;
       top: 65%;
       left: -5%;
       z-index: 10;
   }

   

   .owl-next span {
       font-size: 20px !important;
       background: #000 !important;
       padding: 0px 13px 5px 13px !important;
       border-radius: 60px !important;
       border: solid 1px #b5acac !important;
       color: #b5acac !important;
       position: absolute !important;
       transform: translate(50%, -50%) !important;
       right: 2%;
       top: 65%;
       z-index: 10;
   }

   /* start content page  */

   .stylebacknefirst {
       padding-left: 15px !important;
       padding-right: 15px !important;
   }

   .rdcontent {
       min-height: 120vh;
       max-height: fit-content;
   }

   .contcolorfirst {
       min-height: 100vh;
       max-height: fit-content;
   }

   .drhead {
       padding-top: 20px;
       padding-bottom: 15px;
   }

   .drhead h1 {
       font-size: 18px;
       font-weight: 600;
   }

   /* .box-11{
    width:100%;
    height: 100%;
   } */
   .btnahmed {
       padding: 15px !important;
   }

   
   .btnahmed a {
       width: 100%;
   }

   /* start acknowladge start  */

   .stages span {
       color: #fff;
       padding-left: 25px;
   }

   .discover span {
       margin: 10px;
   }

   .buttoniconnew1 {
       text-align: right;
       right: 0%;
       position: relative;
       margin: 0 auto;
       top: -20px;
   }

   .nextbuttonnew a {
       padding: 15px 20px 15px 20px;
       border: solid 2px #4201FC;
       border-radius: 50px;
       font-size: 14px;
       /* position: absolute; */
       background: #350139;
       position: absolute;
       transform: translate(-50%, 50%);
       top: -2%;
       right: -1%;
       z-index: 10;
   }

   /* .nextbuttonnew1 a {
    padding: 15px 20px 15px 20px;
    border: solid 2px #4201FC;
    border-radius: 50px;
    font-size: 14px; */
    /* position: absolute; */
    /* background: #350139;
    position: absolute;
    transform: translate(-50%, 50%);
    top: -10%;
    right: -1%;
    z-index: 10;
    } */
    .nextbuttonnew1 a {
        
    top: -8%;
    right: 2%;
    position: absolute;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    }
    .nextbuttonnew1 a:hover {
        
    transform: translate(1%, 1%)

    }


   .nextbuttonnews a {
       padding: 15px 20px 15px 20px;
       border: solid 2px #4201FC;
       border-radius: 50px;
       font-size: 14px;
       background: #350139;
       position: absolute;
       transform: translate(-50%, 50%);
       top: -11%;
       right: -10%;
       z-index: 10;
   }

   .nextbuttonnewsw a {
       padding: 15px 20px 15px 20px;
       border: solid 2px #4201FC;
       border-radius: 50px;
       font-size: 14px;
       /* position: absolute; */
       background: #350139;
       position: absolute;
       transform: translate(-50%, 50%);
       top: -12%;
       right: -5%;
       z-index: 10;
   }
   .nextbuttonnewsw1 a {
    padding: 15px 20px 15px 20px;
    border: solid 2px #4201FC;
    border-radius: 50px;
    font-size: 14px;
    /* position: absolute; */
    background: #350139;
    position: absolute;
    transform: translate(-50%, 50%);
    top: -12%;
    right: -3%;
    z-index: 10;
    }

   .nextbuttonnewss a {
       padding: 15px 20px 15px 20px;
       border: solid 2px #4201FC;
       border-radius: 50px;
       font-size: 14px;
       /* position: absolute; */
       background: #350139;
       position: absolute;
       transform: translate(-50%, 50%);
       top: -2%;
       right: -7%;
       z-index: 10;
   }

   /* .aboutack {
       padding-top: 40px;
   } */

   .phonemain {
       height: 385vh;
   }

   .phonecountcolor {
       height: 317vh;
   }

   .phonerdcontent {
       height: 310vh;
   }
   .buss_3_lang{
    position:absolute;
    left:20px;
    top:20px;
   }
   .buss_4_lang{
    position:absolute;
    left:20px;
    top:-30px;
   }
   
   .dracknewss .padocuctsimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
    /* height: 262px; */
    /* position: absolute; */
    width: 200px;
    height: 290px;
    /* top: 200px; */
    /* left:150px; */
    }

    .dracknewss .padocuctsimg img {
    position: absolute;
    width: 170px !important;
    height: 250px;
    top: 20px;
    left: 30px;
    }
    .logo_header{
    text-align: start;
  }
  .logo_header img{
    width: 150px;
  }

  

  .dracknewss .item {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
    width: 200px;
    height: 320px;
    }

    .dracknewss .item img {
    position: absolute;
    width: 80% !important;
    height: 80%;
    object-fit: contain;
    top: 30px;
    left: 25px;
    }

    .animate-charcter
        {
           text-transform: uppercase;
          background-image: linear-gradient(
            -225deg,
            #44107a 0%,
            #FFFFFF 29%,
            #231557 67%,
            #01011C 100%
          );
          background-size: auto auto;
          background-clip: border-box;
          background-size: 200% auto;
          color: #fff;
          background-clip: text;
          /* text-fill-color: transparent; */
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          animation: textclip 2s linear infinite;
          display: inline-block;
              font-size: 20px;
              padding-right: 100px;
        }
        
        @keyframes textclip {
          to {
            background-position: 200% center;
          }
        }

   .drackaboutimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
   
    position: absolute;
    width: 200px;
    height: 250px;
    top: 350px;
    left:20px;
   
    }

    .drackaboutimg img {
    position: absolute;
    width: 200px;
    height: 250px;
    top: 20px;
    left: 20px;
    }

    .drackmedimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
   
    position: absolute;
    width: 160px;
    height: 250px;
    top: 250px;
    left: 30px;
    }

    .drackmedimg img {
    position: absolute;
    width: 160px;
    height: 250px;
    top: 20px;
    left: 20px;
    }



    .drackackimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
   
    position: absolute;
    width: 200px;
    height: 280px;
    top: 420px;
    left:05px;
   
    }

    .drackackimg img {
    position: absolute;
    width: 190px;
    height: 280px;
    top: 20px;
    left: 20px;
    }

    .drackbusimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
   
    position: absolute;
    width: 180px;
    height: 250px;
    top: 200px;
    left:10px;
   
    }

    .drackbusimg img {
    position: absolute;
    width: 180px;
    height: 245px;
    top: 20px;
    left: 20px;
    }

    .drackorgimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
   
    position: absolute;
    width: 180px;
    height: 250px;
    top: 300px;
    left:10px;
   
    }

    .drackorgimg img {
    position: absolute;
    width: 180px;
    height: 250px;
    top: 20px;
    left: 20px;
    }

   .drackimg {
    background: #0E1121;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
   
    position: absolute;
    width: 220px;
    height: 250px;
    top: 173px;
    left:10px;
    
    
    }
    .drackimg1 {
    position: static;
    width: 80%;
    height: 50%;
    padding: 20px 10px;
    margin: 40px;
    
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    }
    .drackimg1 img {
    position: static;
    object-fit: contain;
    height: 100%;
    width: 100%;
    }

    .drackimg img {
    position: absolute;
    width: 150px;
    height: 210px;
    top: 20px;
    left: 20px;
    }

   /* acknowladge sec start  */
   /* .phoneacksec {
       height: 380vh;
   } */

   .phoneseccount {
       height: 310vh;
   }

   .phonesecrdcont {
       height: 300vh;
   }

   /* acknowladge third start  */
   .phoneackthird {
       height: 380vh;
   }

   /* .phonethirdcount {
       height: 310vh;
   } */

   /* .phonesecrdrdcont {
       height: 300vh;
   } */

   .drackimgrd {
       top: 20px;
       
   }

   /* acknowladge forth start  */
   .phoneackfourth {
       height: 325vh;
   }

   .phonefourthount {
       height: 255vh;
   }

   .phonefourthrdcont {
       height: 245vh;
   }

   /* .drackimgrd {
       top: 2px;
   } */

   /* organigation1 start  */
   .headtextog h4 span {
       font-size: 16px;
   }

   .phoneackorg {
       height: 395vh;
   }

   .phoneorgcount {
       height: 322vh;
   }

   .phoneorgrdcont {
       height: 315vh;
   }

   /* .drackimgrd {
       top: 2px;
   } */

   /* organigation2 start  */
   .headtextog h4 span {
       font-size: 16px;
   }

   .aboutsicons ul {
       padding-right: 5px;
       padding-left: 0px;
   }

   .phoneackorgone {
       height: 250vh;
   }

   .phoneorgcountone {
       height: 175vh;
   }

   .phoneorgrdcontone {
       height: 165vh;
   }

   /* .drackimgrd {
       top: 2px;
   } */

   /* business-profile-one start  */
   .phonebussinessone {
       height: 250vh;
   }

   .phonebussinesssecon {
       height: 175vh;
   }

   .phonebussinessthree {
       height: 165vh;
   }

   /* .drackimgrd {
       top: 2px;
   } */

   .drproduct .item {
       background: #0E1121;
       box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
       /* position: absolute; */
       width: 300px;
       height: 300px;
       top: -5px;
   }

   .drproduct .item img {
       position: absolute;
       width: 270px !important;
       height: auto !important;
       top: 30px;
       left: 30px;
   }

   .phonebussinesstwoa {
       height: 480vh;
   }

   .phonebussinesssecb {
       height: 410vh;
   }

   .phonebussinessthreec {
       height: 400vh;
   }

   .drproduct {
       padding-top: 160px !important;
   }

   /* bussiness 3rd start  */
   .drackimgbusn {
       width: 92%;
       height: 200px;
       left: 10px;
       overflow: hidden;
   }

   .drackimgbusn img {
       width: 240px;
       height: 200px;
       top: 0px;
       left: 25px;
       overflow: hidden;
   }

   /* .drackimgbuse{

   } */
   .drackimgbusee {
       top: 330px;
   }

   .drackimgbuseee {
       top: 600px;
   }

   .drackimgbuscir {
       top: 850px
   }

   .drackimgbusff {
       top: 1150px;
   }

   .drackimgbusfff {
       top: 1450px;
   }

   .phonebussinessne {
       height: 320vh;
   }

   .phonebussinesssenew {
       height: 250vh;
   }

   .phonebussinessthrness {
       height: 240vh;
   }

   .stylebackne {
       padding-left: 15px !important;
       padding-right: 15px !important;
   }

   /* busspro  */
   .phonebussinessnen {
       height: auto;
   }

   .phonebussinesssecbn {
       height: auto;
   }

   .phonebussinessthreecn {
       height: 650px;
   }
   .an_award{
    padding-left: 300px;
   }

   .stagesog span {
       padding-left: 20px;
   }

   .discover2 span {
       margin: 25px;
   }

   .stagesw {
       margin-right: 20px;
       display: inline-flex;
   }

   .discovernew span {
       margin: 5px;
   }

   .stagesw span {
       padding-left: 8px;
       display: none;
   }

   .phonesecrdcontnn {
       height: 140vh;
   }

   .phoneseccountnn {
       height: 150vh;
   }

   .phoneacksecnn {
       height: 225vh;
   }

   .phonesecrdcontnnn {
       height: 155vh;
   }

   .phoneseccountnnn {
       height: 165vh;
   }

   .phoneacksecnnn {
       height: 240vh;
   }

   .drackimgmed img {
       left: 35px;
   }

   .phonesecrdcontnnnn {
       height: 120vh;
   }

   .phoneseccountnnnn {
       height: 130vh;
   }

   .phoneacksecnnnn {
       height: 210vh;
   }

   .phonesecrdcontnnnnn {
       height: 80vh;
   }

   .phoneseccountnnnnn {
       height: 90vh;
   }

   .phoneacksecnnnnn {
       height: 170vh;
   }

   /* award page start  */
   .imagesaward {
       text-align: center;
       
   }

   .slideimag {
       background-color: #0E1121;
       width: 278px;
       padding: 15px;
       margin-top: 25px;
   }

   .phoneackorgaward {
       height: 530vh;
   }

   .phoneorgcountaward {
       height: 455vh;
   }

   .phoneorgrdcontaward {
       height: 445vh;
   }

   .phoneackorgawar {
       height: 420vh;
   }

   .phoneorgcountawar {
       height: 340vh;
   }

   .phoneorgrdcontawar {
       height: 330vh;
   }

   
    .iconsaboutt{
    padding-left: 55px;;
    }

   .iconsaboutt li i {
       position: absolute;
       transform: translate(50%, -50%);
       margin: 0 auto;
       left: -87%;
       margin-top: 26px;
       overflow: hidden;
   }

   /* .phoneackthirdhome {
       height: 375vh;
   } */

   /* .phoneackthirdabout {
       height: 360vh;
   } */

   /* .phonesecrdrdcontabout {
       height: 285vh;
   } */

   /* .phonethirdcountabout {
       height: 295vh;
   } */

   .newstage span {
       padding-left: 22px;
       font-size: 12px;
   }

   /* .phoneackthirdgallery {
       height: 190vh;
   } */

   /* .phonethirdcountgallery {
       height: 125vh;
   } */

   /* .phonesecrdrdcontgallery {
       height: 115vh;
   } */

   /* .phoneackthirdenquire {
       height: 230vh;
   } */

   /* .phonethirdcountenquire {
       height: 165vh;
   } */

   /* .phonesecrdrdcontenquire {
       height: 155vh;
   } */

   .contcoloren {
       padding: 5px !important;
   }

   .enquireimages {
    height:50%;
    margin:70px 10px 50px 20px;
   }

   .formsection {
       margin-left: 30px !important;
       margin-right: 20px !important;
   }

   .rechimap {
       position: relative;
       background: #0B0D1A;
       box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
       width: 400px;
       height: 420px;
       top: -10px;
       /* border-radius: 20px; */
       left: 20px;
   }

   .rechimap iframe {
       position: relative;
       width: 400px;
       height: 410px;
       top: 30px;
       left: 20px;
       border-radius: 20px;
   }
   .rechimap iframe:hover {
       transform: translate(1%, 1%)
   }

   /* .phoneackthirdreachout {
       height: 275vh;
   } */

   /* .phonesecrdrdcontreachout {
       height: 200vh;
   } */

   /* .phonethirdcountreachout {
       height: 210vh;
   } */

   .phoneresponsive {
       margin-top: 60px;
   }

   .sidepanel .closebtn {
       top: -40px;
   }

   .sidepanel {
       right: 15px;
   }

   .phonetye {
       padding-right: 10px;
   }

   /* .header_logo{
    height:50%;
        } */
}



    /* Extra large devices (large laptop & desktop, 1200px and down) */
@media only screen and (max-width:1399px)  and  (min-width: 1200px ) {

     /* .styleback{
        background-color: yellow;
     
     } */
     
     .item1{
        margin:10px 50px 10px 70px ;
       }
       .item2{
        margin:10px 50px 10px 70px ;
       }
       .item3{
        margin:10px 50px 10px 70px ;
       }
       .item4{
        margin:10px 50px 10px 70px ;
       }
       .item5{
        margin:10px 50px 10px 70px ;
       }
       .item6{
        margin:10px 50px 10px 70px ;
       }
       .item7{
        margin:10px 50px 10px 70px ;
       }
       .item8{
        margin:10px 50px 10px 70px ;
       }
       .item9{
        margin:10px 50px 10px 70px ;
       }
       .item10{
        margin:10px 50px 10px 70px ;
       }
     

   

    .backcolor {
        height: 101.6%;
        
    }

    .m-d-none {
        display: none;
    }

    .drimage img {
        height: 100%;
    }

    .styleback {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    

    .drinformation {
        position: relative;
        justify-content: center;
        text-align: center;
        transform: translate(0%, 0%);
        height: 100%;
        width: 100%;
        left: 0px;
        top: 50px;
    }

    .drinformation p {
        font-family: Roboto;
        font-size: 40px;
        font-weight: 700;
        line-height: 1.7;
        letter-spacing: 0em;
        text-align:center;
        /* text-align: justify; */
        padding: 20px;
        
    }

    

    .paragraph span{
        display:block;
        text-align: justify;
        /* text-align: center; */
        /* text-align: justify; */
        text-align: justify-all;
        /* text-align: match-parent; */
        padding-left: 50px;
        
        opacity:0;
        animation:reveal 15s forwards var(--delay);
        }
        
        @keyframes reveal{
        from { translate: 0 40px; }
        to {  translate:none; opacity:1;}
        }
    

    .nextbutton {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 20px 15px;
        gap: 32px;
        position: absolute;
        width: 130px;
        height: 100%;
        right: 0px;
        top: 0px;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(12px);
        z-index: 9;
    }
    /* .nextbutton1{
        
        top:10px;
        background: red;
        width: 30px;
        
    } */

   

    .backgo {
        background: #010115;
        box-shadow: 0px 4px 24px rgb(0 0 0 / 18%);
        height: 95%;
        position: relative;
        top: 10%;
    }

    /* .orderbutton {
        position: relative;
        top: -45%;
        background-color: #2B2BEF;
        color: #fff;
        padding: 10px 10px 9px 1px;
        width: 350px;
        border-radius: 5px;
        text-align:center;
        justify-content: center;
        
    } */
    .orderbutton {
        position: relative;
        margin: 0 auto;
        top: -10%;
        background-color: #2B2BEF;
        color: #fff;
        padding: 10px 10px 9px 1px;
        width: 200px;
        border-radius: 5px;
    }

    
    .em_video{
        position: relative;
        top: -50%;
       padding: 0 auto;
       
       
    }

    /* .btn11{
        


        text-decoration: none; 
        padding: 15px 40px ; 
       
        
       
        background-color: rgba(255, 122, 0);
        color:#fff;
    		 border-radius:40px; 
        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight:bolder;
        font-weight:bolder;
        box-shadow: 0 10px 40px rgba(255, 122, 0.4);
    }

    .video-container{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:99999;
        background-color: rgba(255, 122,0, 0.1);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
    }

    .video-container .close{
        position: absolute;
        top:10%;
        right:25px;
        font-size: 20px;
        cursor: pointer;
    }

    .video-container video{
        width:90%;
        max-width:800px;
        transform: scale(0);
        box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
        outline:none;
        transition: all 0.3s;
    }
    .video-container.show{
        pointer-events: all;
        opacity: 1;
    }

    .video-container.show video {
        transform: scale(1);
    }
     */

    

    .drimage .owl-prev span {
        font-size: 20px !important;
        background: #000 !important;
        padding: 0px 13px 5px 13px !important;
        border-radius: 60px !important;
        border: solid 1px #b5acac !important;
        color: #b5acac !important;
        position: absolute !important;
        transform: translate(50%, -50%) !important;
        top: 50%;
        left: -5%;
        z-index: 10;
    }

    .owl-prev span {
        font-size: 20px !important;
        background: #000 !important;
        padding: 0px 13px 5px 13px !important;
        border-radius: 60px !important;
        border: solid 1px #b5acac !important;
        color: #b5acac !important;
        position: absolute !important;
        transform: translate(50%, -50%) !important;
        top: 65%;
        left: -5%;
        z-index: 10;
    }

    .owl-next span {
        font-size: 20px !important;
        background: #000 !important;
        padding: 0px 13px 5px 13px !important;
        border-radius: 60px !important;
        border: solid 1px #b5acac !important;
        color: #b5acac !important;
        position: absolute !important;
        transform: translate(50%, -50%) !important;
        right: 2%;
        top: 65%;
        z-index: 10;
    }

    /* start content page  */

    .stylebacknefirst {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .rdcontent {
        min-height: 120vh;
        max-height: fit-content;
    }

    .contcolorfirst {
        min-height: 100vh;
        max-height: fit-content;
    }

    .drhead {
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .drhead h1 {
        font-size: 18px;
        font-weight: 600;
    }

    .btnahmed {
        padding: 15px !important;
    }

    .btnahmed a {
        width: 100%;
    }

    /* start acknowladge start  */

    .stages span {
        color: #fff;
        padding-left: 20px;
    }

    .discover span {
        margin: 10px;
    }

    .buttoniconnew1 {
        text-align: right;
        right: 0%;
        position: relative;
        margin: 0 auto;
        top: -20px;
    }

    .nextbuttonnew a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -2%;
        right: -1%;
        z-index: 10;
    }

    .nextbuttonnew1 a {
        
        top: -8%;
        right: 2%;
        position: absolute;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    .nextbuttonnew1 a:hover {
        
        transform: translate(1%, 1%)

    }

    .nextbuttonnews a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -11%;
        right: -10%;
        z-index: 10;
    }

    .nextbuttonnewsw a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -12%;
        right: -1%;
        z-index: 10;
    }
    .nextbuttonnewsw1 a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -12%;
        right: -1%;
        z-index: 10;
    }

    .nextbuttonnewss a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -2%;
        right: -7%;
        z-index: 10;
    }

    /* .aboutack {
        padding-top: 40px;
    } */

    .phonemdrackimg ain {
        height: 385vh;
    }

    .phonecountcolor {
        height: 317vh;
    }

    .phonerdcontent {
        height: 310vh;
    }

    /* .drackimg {
        position: static;
        width: 80%;
        height: 50%;
        padding: 20px 10px;
        margin: 50px;
        color:#000;
        
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    } */
    
    /* .drackimga img {
        position: static;
        
        height: 100%;
        width: 100%;
        border-radius: 50%;
        margin: 140px;
    } */

    .drackimgb img {
        position: static;
        
        height: 100%;
        width: 100%;
        border-radius: 50%;
        margin: 140px;
    }





    .drackimg1 {
        position: static;
        width: 80%;
        height: 50%;
        padding: 20px 10px;
        margin: 50px;
        
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .drackimg1 img {
        position: static;
        object-fit: contain;
        height: 100%;
        width: 100%;
    }

    .dracknewss .padocuctsimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
        /* height: 262px; */
        /* position: absolute; */
        width: 250px;
        height: 290px;
        /* top: 200px; */
        /* left:150px; */
    }
    
    .dracknewss .padocuctsimg img {
        position: absolute;
        width: 200px !important;
        height: 230px;
        top: 30px;
        left: 40px;
    }

    body {
    background-color: #322B2B;
    }
    .ac_enquire{
    padding-right: 300px;
  }
  .logo_header{
    text-align: start;
    
  }

    .animate-charcter
        {
           text-transform: uppercase;
          background-image: linear-gradient(
            -225deg,
            #44107a 0%,
            #FFFFFF 29%,
            #231557 67%,
            #01011C 100%
          );
          background-size: auto auto;
          background-clip: border-box;
          background-size: 200% auto;
          color: #fff;
          background-clip: text;
          /* text-fill-color: transparent; */
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          animation: textclip 2s linear infinite;
          display: inline-block;
              font-size: 20px;
              padding-right: 100px;
        }
        
        @keyframes textclip {
          to {
            background-position: 200% center;
          }
        }

    .drackaboutimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
       
        position: absolute;
        width: 250px;
        height: 260px;
        top: 250px;
        /* left:50px; */
        left: 5px;

    }
    
    .drackaboutimg img {
        position: absolute;
        width: 250px;
        height: 250px;
        top: 30px;
        left: 30px;
    }

    .drackmedimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
       
        position: absolute;
        width: 230px;
        height: 250px;
        top: 240px;
        left: 10px;
    }
    
    .drackmedimg img {
        position: absolute;
        width: 230px;
        height: 250px;
        top: 20px;
        left: 20px;
    }

    .drackackimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
       
        position: absolute;
        width: 250px;
        height: 260px;
        top: 350px;
        /* left:50px; */
        left: 20px;
    }
    
    .drackackimg img {
        position: absolute;
        width: 240px;
        height: 260px;
        top: 20px;
        left: 30px;
    }

    .drackbusimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
       
        position: absolute;
        width: 250px;
        height: 260px;
        top: 240px;
        /* left:50px; */
        left: 5px;
    }
    
    .drackbusimg img {
        position: absolute;
        width: 245px;
        height: 250px;
        top: 30px;
        left: 30px;
    }

    .drackorgimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
       
        position: absolute;
        width: 250px;
        height: 260px;
        top: 300px;
        /* left:50px; */
        left: 5px;
    }
    
    .drackorgimg img {
        position: absolute;
        width: 250px;
        height: 260px;
        top: 20px;
        left: 20px;
    }
    
    .drackimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
       
        position: absolute;
        width: 250px;
        height: 260px;
        top: 350px;
        /* left:50px; */
        left: 5px;
    }

    .drackimg img {
        position: absolute;
        width: 220px;
        height: 270px;
        top: 30px;
        left: 30px;
    }

    /* acknowladge sec start  */
    /* .phoneacksec {
        height: 380vh;
    } */

    .phoneseccount {
        height: 310vh;
    }

    .phonesecrdcont {
        height: 300vh;
    }

    /* acknowladge third start  */
    .phoneackthird {
        height: 380vh;
    }

    /* .phonethirdcount {
        height: 310vh;
    } */

    /* .phonesecrdrdcont {
        height: 300vh;
    } */

    .drackimgrd {
        top: 20px;
        
    }

    /* acknowladge forth start  */
    .phoneackfourth {
        height: 325vh;
    }

    .phonefourthount {
        height: 255vh;
    }

    .phonefourthrdcont {
        height: 245vh;
    }

    /* .drackimgrd {
        top: 2px;
    } */

    /* organigation1 start  */
    .headtextog h4 span {
        font-size: 16px;
    }

    .phoneackorg {
        height: 395vh;
    }

    .phoneorgcount {
        height: 322vh;
    }

    .phoneorgrdcont {
        height: 315vh;
    }

    /* .drackimgrd {
        top: 2px;
    } */

    /* organigation2 start  */
    .headtextog h4 span {
        font-size: 16px;
    }

    .aboutsicons ul {
        padding-right: 5px;
        padding-left: 0px;
    }

    .phoneackorgone {
        height: 250vh;
    }

    .phoneorgcountone {
        height: 175vh;
    }

    .phoneorgrdcontone {
        height: 165vh;
    }

    /* .drackimgrd {
        top: 2px;
    } */

    /* business-profile-one start  */
    .phonebussinessone {
        height: 250vh;
    }

    .phonebussinesssecon {
        height: 175vh;
    }

    .phonebussinessthree {
        height: 165vh;
    }

    /* .drackimgrd {
        top: 2px;
    } */

    .drproduct .item {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
        /* position: absolute; */
        width: 290px;
        height: 250px;
        top: 30px;
    }

    .drproduct .item img {
        position: absolute;
        width: 250px ;
        height: 280 ;
        top: 20px;
        left: 20px;
        right:20px;
        bottom:10px;
        
    }

    .phonebussinesstwoa {
        height: 480vh;
    }

    .phonebussinesssecb {
        height: 410vh;
    }

    .phonebussinessthreec {
        height: 400vh;
    }

    .drproduct {
        padding-top: 200px !important;
    }

    /* bussiness 3rd start  */
    .drackimgbusn {
        width: 92%;
        height: 200px;
        left: 10px;
        overflow: hidden;
    }

    .drackimgbusn img {
        width: 240px;
        height: 200px;
        top: 0px;
        left: 25px;
        overflow: hidden;
    }

    /* .drackimgbuse{

    } */
    .drackimgbusee {
        top: 330px;
    }

    .drackimgbuseee {
        top: 600px;
    }

    .drackimgbuscir {
        top: 850px
    }

    .drackimgbusff {
        top: 1150px;
    }

    .drackimgbusfff {
        top: 1450px;
    }

    .phonebussinessne {
        height: 320vh;
    }

    .phonebussinesssenew {
        height: 250vh;
    }

    .phonebussinessthrness {
        height: 240vh;
    }

    .stylebackne {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* busspro  */
    .phonebussinessnen {
        height: auto;
    }

    .phonebussinesssecbn {
        height: auto;
    }

    .phonebussinessthreecn {
        height: 650px;
    }
    .an_award{
        padding-left: 370px;
    }

    .stagesog span {
        padding-left: 20px;
    }

    .discover2 span {
        margin: 25px;
    }

    .stagesw {
        margin-right: 20px;
        display: inline-flex;
    }

    .discovernew span {
        margin: 5px;
    }

    .stagesw span {
        padding-left: 8px;
        display: none;
    }

    .phonesecrdcontnn {
        height: 140vh;
    }

    .phoneseccountnn {
        height: 150vh;
    }

    .phoneacksecnn {
        height: 225vh;
    }

    .phonesecrdcontnnn {
        height: 155vh;
    }

    .phoneseccountnnn {
        height: 165vh;
    }

    .phoneacksecnnn {
        height: 240vh;
    }

    .drackimgmed img {
        left: 35px;
    }

    .phonesecrdcontnnnn {
        height: 120vh;
    }

    .phoneseccountnnnn {
        height: 130vh;
    }

    .phoneacksecnnnn {
        height: 210vh;
    }

    .phonesecrdcontnnnnn {
        height: 80vh;
    }

    .phoneseccountnnnnn {
        height: 90vh;
    }

    .phoneacksecnnnnn {
        height: 170vh;
    }

    /* award page start  */
    .imagesaward {
        text-align: center;
        
    }

    .slideimag {
        background-color: #0E1121;
        width: 278px;
        padding: 15px;
        margin-top: 25px;
    }

    .phoneackorgaward {
        height: 530vh;
    }

    .phoneorgcountaward {
        height: 455vh;
    }

    .phoneorgrdcontaward {
        height: 445vh;
    }

    .phoneackorgawar {
        height: 420vh;
    }

    .phoneorgcountawar {
        height: 340vh;
    }

    .phoneorgrdcontawar {
        height: 330vh;
    }

    .iconsaboutt{
        padding-left: 80px;;
    }

    .iconsaboutt li i {
        position: absolute;
        transform: translate(50%, -50%);
        margin: 0 auto;
        left: -87%;
        margin-top: 26px;
        overflow: hidden;
    }

    /* .phoneackthirdhome {
        height: 375vh;
    } */

    /* .phoneackthirdabout {
        height: 360vh;
    } */

    /* .phonesecrdrdcontabout {
        height: 285vh;
    } */

    /* .phonethirdcountabout {
        height: 295vh;
    } */

    .newstage span {
        padding-left: 22px;
        font-size: 12px;
    }

    /* .phoneackthirdgallery {
        height: 190vh;
    } */

    /* .phonethirdcountgallery {
        height: 125vh;
    } */

    /* .phonesecrdrdcontgallery {
        height: 115vh;
    } */

    /* .phoneackthirdenquire {
        height: 230vh;
    } */

    /* .phonethirdcountenquire {
        height: 165vh;
    } */

    /* .phonesecrdrdcontenquire {
        height: 155vh;
    } */

    .contcoloren {
        padding: 5px !important;
    }

    .enquireimages {
        /* padding-left: 10px; */
        margin:70px 10px 50px 20px;
    }

    .formsection {
        margin-left: 30px !important;
        margin-right: 20px !important;
    }

    .rechimap {
        position: relative;
        background: #0B0D1A;
        box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
        width: 460px;
        height: 420px;
        top: 0px;
        /* border-radius: 20px; */
        left: 50px;
    }

    .rechimap iframe {
        position: relative;
        width: 460px;
        height: 420px;
        top: 20px;
        left: 20px;
        border-radius: 20px;
    }
    .rechimap iframe:hover {
        transform: translate(1%, 1%)
    }

    /* .phoneackthirdreachout {
        height: 275vh;
    } */

    /* .phonesecrdrdcontreachout {
        height: 200vh;
    } */

    /* .phonethirdcountreachout {
        height: 210vh;
    } */

    .phoneresponsive {
        margin-top: 60px;
    }

    .sidepanel .closebtn {
        top: -40px;
    }

    .sidepanel {
        right: 15px;
    }

    .phonetye {
        padding-right: 10px;
    }

    /* .header_logo{
        height:50%;
      } */
    
}


 /* Extra Extra large devices (large laptop & desktop, 1200px and down) */

@media only screen and   (min-width: 1400px ) 
    {
    
     /* .styleback{
        background-color: yellow;
     
     } */
     
     .item1{
        margin:10px 50px 10px 80px ;
       }
       .item2{
        margin:10px 50px 10px 80px ;
       }
       .item3{
        margin:10px 50px 10px 80px ;
       }
       .item4{
        margin:10px 50px 10px 80px ;
       }
       .item5{
        margin:10px 50px 10px 80px ;
       }
       .item6{
        margin:2px 50px 10px 80px ;
       }
       .item7{
        margin:2px 50px 10px 80px ;
       }
       .item8{
        margin:2px 50px 10px 80px ;
       }
       .item9{
        margin:2px 50px 10px 80px ;
       }
       .item10{
        margin:2px 50px 10px 80px ;
       }

   

    .backcolor {
        height: 101.6%;
        
    }

    .m-d-none {
        display: none;
    }

    drimage img {
        height: 100%;
        
    }
    

    .styleback {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    

    .drinformation {
        position: relative;
        justify-content: center;
        text-align: center;
        transform: translate(0%, 0%);
        height: 100%;
        width: 93%;
        left: 0px;
        top: 50px;
    }

    .drinformation p {
        font-family: Roboto;
        font-size: 40px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 0em;
        text-align:center;
        /* text-align: justify; */
        padding: 0px;
        
    }

    

    .paragraph span{
        display:block;
        text-align: justify;
        /* text-align: center; */
        /* text-align: justify; */
        text-align: justify-all;
        /* text-align: match-parent; */
        padding-left: 50px;
        
        opacity:0;
        animation:reveal 15s forwards var(--delay);
        }
        
        @keyframes reveal{
        from { translate: 0 40px; }
        to {  translate:none; opacity:1;}
        }
    

    .nextbutton {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 20px 15px;
        gap: 32px;
        position: absolute;
        width: 130px;
        height: 100%;
        right: 0px;
        top: 0px;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(12px);
        z-index: 9;
    }
    /* .nextbutton1{
        
        top:10px;
        background: red;
        width: 30px;
        
    } */

   

    .backgo {
        background: #010115;
        box-shadow: 0px 4px 24px rgb(0 0 0 / 18%);
        height: 95%;
        position: relative;
        top: 10%;
    }

    /* .orderbutton {
        position: relative;
        top: -30%;
        background-color: #2B2BEF;
        color: #fff;
        padding: 10px 10px 9px 1px;
        width: 210px;
        border-radius: 5px;
        text-align:center;
        justify-content: center;
        
    } */

    /* .orderbutton {
        position:absolute;
        top: 600px;
        
        
        padding-left: 45px;
        width: 300px;
        border-radius: 5px;
        margin-top: 20px;
        text-align:start;
        justify-content: center;
        
    } */
    .orderbutton {
        position: relative;
        margin: 0 auto;
        top: -15%;
        background-color: #2B2BEF;
        color: #fff;
        padding: 10px 10px 9px 1px;
        width: 200px;
        border-radius: 5px;
    }
    
    .em_video{
        position: relative;
        top: -50%;
       padding: 0 auto;
       
       
    }

    /* .btn11{
        


        text-decoration: none; 
        padding: 15px 40px ; 
       
        
       
        background-color: rgba(255, 122, 0);
        color:#fff;
    		 border-radius:40px; 
        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight:bolder;
        font-weight:bolder;
        box-shadow: 0 10px 40px rgba(255, 122, 0.4);
    }

    .video-container{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:99999;
        background-color: rgba(255, 122,0, 0.1);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
    }

    .video-container .close{
        position: absolute;
        top:10%;
        right:25px;
        font-size: 20px;
        cursor: pointer;
    }

    .video-container video{
        width:90%;
        max-width:800px;
        transform: scale(0);
        box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
        outline:none;
        transition: all 0.3s;
    }
    .video-container.show{
        pointer-events: all;
        opacity: 1;
    }

    .video-container.show video {
        transform: scale(1);
    }
     */

    

    .drimage .owl-prev span {
        font-size: 20px !important;
        background: #000 !important;
        padding: 0px 13px 5px 13px !important;
        border-radius: 60px !important;
        border: solid 1px #b5acac !important;
        color: #b5acac !important;
        position: absolute !important;
        transform: translate(50%, -50%) !important;
        top: 65%;
        left: -5%;
        z-index: 10;
    }

    .owl-prev span {
        font-size: 20px !important;
        background: #000 !important;
        padding: 0px 13px 5px 13px !important;
        border-radius: 60px !important;
        border: solid 1px #b5acac !important;
        color: #b5acac !important;
        position: absolute !important;
        transform: translate(50%, -50%) !important;
        top: 65%;
        left: -5%;
        z-index: 10;
    }

    .owl-next span {
        font-size: 20px !important;
        background: #000 !important;
        padding: 0px 13px 5px 13px !important;
        border-radius: 60px !important;
        border: solid 1px #b5acac !important;
        color: #b5acac !important;
        position: absolute !important;
        transform: translate(50%, -50%) !important;
        right: 2%;
        top: 65%;
        z-index: 10;
    }

    /* start content page  */

    .stylebacknefirst {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .rdcontent {
        min-height: 120vh;
        max-height: fit-content;
    }

    .contcolorfirst {
        min-height: 100vh;
        max-height: fit-content;
    }

    .drhead {
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .drhead h1 {
        font-size: 18px;
        font-weight: 600;
    }

    .btnahmed {
        padding: 15px !important;
    }

    .btnahmed a {
        width: 100%;
    }

    /* start acknowladge start  */

    .stages span {
        color: #fff;
        padding-left: 20px;
    }

    .discover span {
        margin: 10px;
    }

    .buttoniconnew1 {
        text-align: right;
        right: 0%;
        position: relative;
        margin: 0 auto;
        top: -20px;
    }

    .nextbuttonnew a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -2%;
        right: -1%;
        z-index: 10;
    }

    .nextbuttonnew1 a {
        
        top: -8%;
        right: 2%;
        position: absolute;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    .nextbuttonnew1 a:hover {
        
        transform: translate(1%, 1%)

    }

    .nextbuttonnews a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -11%;
        right: -10%;
        z-index: 10;
    }

    .nextbuttonnewsw a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -12%;
        right: -1%;
        z-index: 10;
    }
    .nextbuttonnewsw1 a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -12%;
        right: -1%;
        z-index: 10;
    }

    .nextbuttonnewss a {
        padding: 15px 20px 15px 20px;
        border: solid 2px #4201FC;
        border-radius: 50px;
        font-size: 14px;
        /* position: absolute; */
        background: #350139;
        position: absolute;
        transform: translate(-50%, 50%);
        top: -2%;
        right: -7%;
        z-index: 10;
    }

    /* .aboutack {
        padding-top: 40px;
    } */

    .phonemain {
        height: 385vh;
    }

    .phonecountcolor {
        height: 317vh;
    }

    .phonerdcontent {
        height: 310vh;
    }

    /* .drackimg {
        position: static;
        width: 80%;
        height: 50%;
        padding: 20px 10px;
        margin: 50px;
        color:#000;
        
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    } */
    
    /* .drackimga img {
        position: static;
        
        height: 100%;
        width: 100%;
        border-radius: 50%;
        margin: 140px;
    } */

    .drackimgb img {
        position: static;
        
        height: 100%;
        width: 100%;
        border-radius: 50%;
        margin: 140px;
    }





    .drackimg1 {
        position: static;
        width: 80%;
        height: 50%;
        padding: 20px 10px;
        margin: 50px;
        
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .drackimg1 img {
        position: static;
        object-fit: contain;
        height: 100%;
        width: 100%;
    }

    .dracknewss .padocuctsimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
        /* height: 262px; */
        /* position: absolute; */
        width: 285px;
        height: 290px;
        /* top: 200px; */
        /* left:150px; */
    }
    
    .dracknewss .padocuctsimg img {
        position: absolute;
        width: 240px !important;
        height: 230px;
        top: 30px;
        left: 40px;
    }

    .drackaboutimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
  
        position: absolute;
        width: 250px;
        height: 260px;
        top: 220px;
        left:20px;
       
    }
    
    .drackaboutimg img {
        position: absolute;
        width: 250px;
        height: 260px;
        top: 20px;
        left: 20px;
    }

    .drackmedimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
       
        position: absolute;
        width: 300px;
        height: 250px;
        top: 270px;
        left: 20px;
    }
    
    .drackmedimg img {
        position: absolute;
        width: 300px;
        height: 250px;
        top: 25px;
        left: 20px;
    }

    .drackackimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
  
        position: absolute;
        width: 250px;
        height: 320px;
        top: 300px;
        left:30px;
       
    }
    
    

    .drackackimg img {
        position: absolute;
        width: 250px;
        height: 315px;
        top: 30px;
        left: 30px;

    }

    .drackbusimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
  
        position: absolute;
        width: 250px;
        height: 260px;
        top: 200px;
        left:50px;
       
    }
    
    .drackbusimg img {
        position: absolute;
        width: 240px;
        height: 260px;
        top: 30px;
        left: 30px;
    }
    .drackorgimg {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
  
        position: absolute;
        width: 250px;
        height: 260px;
        top: 320px;
        left:50px;
       
    }
    
    .drackorgimg img {
        position: absolute;
        width: 240px;
        height: 255px;
        top: 30px;
        left: 30px;
    }
    
    .drackimg {
        position: static;
        width: 60%;
        height: 30%;
        padding: 20px 10px;
        margin: 100px;
        
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .drackimg img {
        position: static;
        object-fit: contain;
        height: 100%;
        width: 100%;
    }

    /* acknowladge sec start  */
    /* .phoneacksec {
        height: 380vh;
    } */

    .phoneseccount {
        height: 310vh;
    }

    .phonesecrdcont {
        height: 300vh;
    }

    /* acknowladge third start  */
    .phoneackthird {
        height: 380vh;
    }

    /* .phonethirdcount {
        height: 310vh;
    } */

    /* .phonesecrdrdcont {
        height: 300vh;
    } */

    .drackimgrd {
        top: 20px;
        
    }

    /* acknowladge forth start  */
    .phoneackfourth {
        height: 325vh;
    }

    .phonefourthount {
        height: 255vh;
    }

    .phonefourthrdcont {
        height: 245vh;
    }

    /* .drackimgrd {
        top: 2px;
    } */

    /* organigation1 start  */
    .headtextog h4 span {
        font-size: 16px;
    }

    .phoneackorg {
        height: 395vh;
    }

    .phoneorgcount {
        height: 322vh;
    }

    .phoneorgrdcont {
        height: 315vh;
    }

    /* .drackimgrd {
        top: 2px;
    } */

    /* organigation2 start  */
    .headtextog h4 span {
        font-size: 16px;
    }

    .aboutsicons ul {
        padding-right: 5px;
        padding-left: 0px;
    }

    .phoneackorgone {
        height: 250vh;
    }

    .phoneorgcountone {
        height: 175vh;
    }

    .phoneorgrdcontone {
        height: 165vh;
    }

    /* .drackimgrd {
        top: 2px;
    } */

    /* business-profile-one start  */
    .phonebussinessone {
        height: 250vh;
    }

    .phonebussinesssecon {
        height: 175vh;
    }

    .phonebussinessthree {
        height: 165vh;
    }

    /* .drackimgrd {
        top: 2px;
    } */

    .drproduct .item {
        background: #0E1121;
        box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
        /* position: absolute; */
        width: 250px;
        height: 250px;
        top: 30px;
    }

    .drproduct .item img {
        position: absolute;
        width: 210px ;
        height: 290;
        top: 30px;
        left: 20px;
        right:10px;
        bottom:10px;
        
    }

    .phonebussinesstwoa {
        height: 480vh;
    }

    .phonebussinesssecb {
        height: 410vh;
    }

    .phonebussinessthreec {
        height: 400vh;
    }

    .drproduct {
        padding-top: 210px !important;
    }

    /* bussiness 3rd start  */
    .drackimgbusn {
        width: 92%;
        height: 200px;
        left: 10px;
        overflow: hidden;
    }

    .drackimgbusn img {
        width: 240px;
        height: 200px;
        top: 0px;
        left: 25px;
        overflow: hidden;
    }

    /* .drackimgbuse{

    } */
    .drackimgbusee {
        top: 330px;
    }

    .drackimgbuseee {
        top: 600px;
    }

    .drackimgbuscir {
        top: 850px
    }

    .drackimgbusff {
        top: 1150px;
    }

    .drackimgbusfff {
        top: 1450px;
    }

    .phonebussinessne {
        height: 320vh;
    }

    .phonebussinesssenew {
        height: 250vh;
    }

    .phonebussinessthrness {
        height: 240vh;
    }

    .stylebackne {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* busspro  */
    .phonebussinessnen {
        height: auto;
    }

    .phonebussinesssecbn {
        height: auto;
    }

    .phonebussinessthreecn {
        height: 650px;
    }

    .an_award{
        padding-left: 440px;
    }

    .stagesog span {
        padding-left: 20px;
    }

    .discover2 span {
        margin: 25px;
    }

    .stagesw {
        margin-right: 20px;
        display: inline-flex;
    }

    .discovernew span {
        margin: 5px;
    }

    .stagesw span {
        padding-left: 8px;
        display: none;
    }

    .phonesecrdcontnn {
        height: 140vh;
    }

    .phoneseccountnn {
        height: 150vh;
    }

    .phoneacksecnn {
        height: 225vh;
    }

    .phonesecrdcontnnn {
        height: 155vh;
    }

    .phoneseccountnnn {
        height: 165vh;
    }

    .phoneacksecnnn {
        height: 240vh;
    }

    .drackimgmed img {
        left: 35px;
    }

    .phonesecrdcontnnnn {
        height: 120vh;
    }

    .phoneseccountnnnn {
        height: 130vh;
    }

    .phoneacksecnnnn {
        height: 210vh;
    }

    .phonesecrdcontnnnnn {
        height: 80vh;
    }

    .phoneseccountnnnnn {
        height: 90vh;
    }

    .phoneacksecnnnnn {
        height: 170vh;
    }

    /* award page start  */
    .imagesaward {
        text-align: center;
        
    }

    .slideimag {
        background-color: #0E1121;
        width: 278px;
        padding: 15px;
        margin-top: 25px;
        
    }

    .phoneackorgaward {
        height: 530vh;
    }

    .phoneorgcountaward {
        height: 455vh;
    }

    .phoneorgrdcontaward {
        height: 445vh;
    }

    .phoneackorgawar {
        height: 420vh;
    }

    .phoneorgcountawar {
        height: 340vh;
    }

    .phoneorgrdcontawar {
        height: 330vh;
    }
    .iconsaboutt{
        padding-left: 100px;;
    }


    .iconsaboutt li i {
        position: absolute;
        transform: translate(50%, -50%);
        margin: 0 auto;
        left: -90%;
        margin-top: 26px;
        overflow: hidden;
    }

    /* .phoneackthirdhome {
        height: 375vh;
    } */

    /* .phoneackthirdabout {
        height: 360vh;
    } */

    /* .phonesecrdrdcontabout {
        height: 285vh;
    } */

    /* .phonethirdcountabout {
        height: 295vh;
    } */

    .newstage span {
        padding-left: 22px;
        font-size: 12px;
    }

    /* .phoneackthirdgallery {
        height: 190vh;
    } */

    /* .phonethirdcountgallery {
        height: 125vh;
    } */

    /* .phonesecrdrdcontgallery {
        height: 115vh;
    } */

    /* .phoneackthirdenquire {
        height: 230vh;
    } */

    /* .phonethirdcountenquire {
        height: 165vh;
    } */

    /* .phonesecrdrdcontenquire {
        height: 155vh;
    } */

    .contcoloren {
        padding: 5px !important;
    }

    .enquireimages {
        /* padding-left: 10px; */
        margin:70px 10px 50px 20px;
    }

    .formsection {
        margin-left: 30px !important;
        margin-right: 20px !important;
    }

    .rechimap {
        position: relative;
        background: #0B0D1A;
        box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
        width: 500px;
        height: 380px;
        top: 30px;
        /* border-radius: 20px; */
        left: 10px;
    }

    .rechimap iframe {
        position: relative;
        width: 500px;
        height: 380px;
        top: 30px;
        left: 20px;
        border-radius: 20px;
    }
    .rechimap iframe:hover {
        transform: translate(1%, 1%)
    }

    /* .phoneackthirdreachout {
        height: 275vh;
    } */

    /* .phonesecrdrdcontreachout {
        height: 200vh;
    } */

    /* .phonethirdcountreachout {
        height: 210vh;
    } */

    .phoneresponsive {
        margin-top: 60px;
    }

    .sidepanel .closebtn {
        top: -40px;
    }

    .sidepanel {
        right: 15px;
    }

    .phonetye {
        padding-right: 10px;
    }

    /* .header_logo{
        height:80%;
      } */

      .ac_enquire{
        padding-right: 250px;
      }

      /* .social_header{
        display:none;
      } */

      .logo_header{
        position: relative;
        text-align: start;
       
      }
     



      .animate-charcter
    {
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #44107a 0%,
    #FFFFFF 29%,
    #231557 67%,
    #01011C 100%
  );
  background-size: auto auto;    
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  /* text-fill-color: transparent; */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 30px;
    }

    @keyframes textclip {
  to {
    background-position: 200% center;
  }
    }
}