@media only screen and (max-width:480px){
    #logo-style{margin-left:50px;width:149px}
    }
    @media only screen and (min-device-width:720px){
    #logo-style{margin-right:5px;width:200px}
    }
    @media only screen and (max-device-width:1280px){
    #logo-style{margin-right:-1px}
    }
    #dropdown-link{line-height:44px}
    #Widthdropdwn{width:1180px}
    #mobile-drop1{width:1180px}
    #phone{width:260px}
    #blink-hard{animation:blinker 1.5s linear infinite;color:red;font-size:12px;font-weight:600}
    @keyframes blinker{
    50%{opacity:0}
    }
    @media only screen and (max-width:1300px){
    .main-menu li a.nav-link{padding:.9rem .7rem}
    }
    @media only screen and (min-width:1471px){
    .main-menu li a.nav-link{padding:.9rem 1.4rem}
    }
    :root{--hue:240;--first-color:hsl(var(--hue),16%,18%);--first-color-alt:hsl(var(--hue),16%,12%);--title-color:hsl(var(--hue),8%,15%);--text-color:hsl(var(--hue),8%,35%);--body-color:hsl(var(--hue),100%,99%);--container-color:#fff;--big-font-size:1.5rem;--normal-font-size:.938rem;--z-modal:1000}
    button{cursor:pointer;border:0;outline:0}
    .modal{height:100vh;display:grid;place-items:center}
    .modal__button{display:inline-block;background-color:var(--first-color);color:#fff;padding:1rem 1.25rem;border-radius:.5rem;transition:.3s}
    .modal__button:hover{background-color:var(--first-color-alt)}
    .modal__container{position:fixed;top:0;left:0;background-color:hsla(var(--hue),18%,75%,.8);width:100%;height:100%;display:grid;align-items:flex-end;overflow:hidden;transition:all .3s;z-index:var(--z-modal);visibility:hidden;opacity:0}
    .modal__content{position:relative;background-color:var(--container-color);text-align:center;padding:2rem 2rem 2rem;border-radius:1rem 1rem 0 0;transition:all .3s;transform:translateY(10%)}
    .modal__img{margin-bottom:.75rem}
    .modal__close{display:inline-flex;background-color:var(--first-color);border-radius:.25rem;color:#fff;font-size:1.2rem;position:absolute;top:2rem;right:2rem;cursor:pointer}
    .modal__title{font-size:var(--big-font-size);color:var(--title-color);font-weight:500}
    .modal__description{margin-bottom:1.5rem}
    .modal__button-width{width:90%}
    .modal__button-link{display:block;margin:1rem auto 0;background-color:transparent;color:var(--first-color);font-weight:500}
    .show-modal{visibility:visible;opacity:1}
    .show-modal .modal__content{transform:translateY(0)}
    @media screen and (min-width:576px){
    .modal__content{margin:auto;width:600px;border-radius:1.25rem}
    .modal__img{width:170px}
    }
    .btn{position:static;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-box-shadow:none;box-shadow:none}
    @media only screen and (min-width:480px){
    #Quickenquiry{visibility:visible;margin-left:-8px}
    }
    @media only screen and (min-width:720px){
    #Quickenquiry{display:none}
    }
    @media only screen and (max-width:348px){
    #Quickenquiry{display:none}
    }
    .form-control{border-radius:.3rem}
    .demo{text-align:center}
    .demo input{width:230px;border-radius:2px}
    .demo button{height:34px;padding:6px 12px;margin-left:10px;background-color:#428bca;border:1px solid #357ebd;border-radius:2px;color:#fff}
    .demo ::-webkit-input-placeholder{color:#bbb}
    .demo ::-moz-placeholder{color:#bbb;opacity:1}
    .demo :-ms-input-placeholder{color:#bbb}
    #result{padding-top:20px;text-align:center}
    .top-header{background-color:#f8f9fa;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
    .contact-info{font-size:15px;color:#333}
    .social-icons{display:flex;gap:10px}
    .social-link{font-size:24px;color:inherit;color:#f8f9fa}
    @media(max-width:768px){
    .top-header{flex-direction:column;align-items:flex-start}
    .social-icons{margin-top:10px;color:#fff}
    }
    #mobileresponsive{padding:10px;display:flex}
    @media only screen and (max-width:600px){
    #mobileresponsive{display:none}
    }
    @media only screen and (max-width:480px){
    #mobileresponsive1{display:none}
    }
    .contact-info,.location-info{font-size:15px;color:#fff;text-align:center;margin:5px 0}
    .location-info i{color:red;margin-right:5px}
    .location-info a{color:#fff;text-decoration:none}
    .location-info a:hover{text-decoration:underline}
    @media(min-width:600px){
    .contact-container{flex-direction:row;justify-content:space-between}
    }
    @media(max-width:488px){
    .mobile-break{display:block;margin-top:10px}
    }
    @media(max-width:600px){
    #mobileresponsive{justify-content:center;margin-bottom:10px;width:100%}
    .contact-container{text-align:center;align-items:center;margin-top:10px}
    .location-info{flex-direction:column;margin-bottom:5px}
    .contact-info{flex-direction:column}
    .contact-info::before{content:'';display:block;margin-bottom:5px}
    }

#mobileresponsive li{

    list-style: none;
    padding-left: 20px;
}





    #sociallink{color:#fff}
    #sociallink:hover{color:#ff5733}
    #addressdata{color:#fff;font-size:13px;font-weight:500;bottom:6px}
    @media(max-width:768px){
    #addressdata{font-size:16px}
    }
    @media only screen and (max-width:1300px){
    #header{background-color:#032d60;display:flex;justify-content:space-between;align-items:center}
    }
    @media only screen and (min-width:1301px){
    #header{background-color:#032d60;display:flex;justify-content:space-around;align-items:center}
    }
    #Quickenquiry{width:124px;margin-left:11px;font-size:12px}
    #ourtechnologies{color:#fff;Font-size:23px}
    #ourcompany{color:#fff;font-size:23px}
    #ourcompanypara{color:#fff;font-size:15.2px;text-align:left}
    #solutionpara{color:#fff;font-size:15.2px;word-spacing:.2rem;font-wieght:500}
    #solutions{color:#fff;font-size:23px}
    #ourservice{color:#fff;font-size:23px}
    #ourservicepara{color:#fff;font-size:15.2px;text-align:left;font-wieght:500}
    #techpara{color:#fff;font-size:15.2px;text-align:left}
    #techicons{font-size:14.5px}
    #paddingspace{padding:30px}
    #margintop{margin-top:20px}
    #margintop12{margin-top:12px}
    #floatright{float:right}
    #visibility{visibility:hidden}
    #padding2{padding:2px}
    #modalpopup1{font-size:13px;margin-left:-2px;border-radius:15px}
    .modal__content{background-color:#f0f9fd}
    .animated-button{background-color:#007bff;color:#fff;border:0;padding:10px 20px;font-size:16px;cursor:pointer;transition:transform .3s ease,background-color .3s ease;border-radius:5px}
    .animated-button:hover{transform:scale(1.05);background-color:#0056b3}
    .blink-soft{animation:blinker 1.5s linear infinite}
    @keyframes blinker{
    50%{opacity:0}
    }
    #headeraddress{font-size:13px}
    #call{color:#005eff;font-size:13px}
    #headermail{color:#ff4d00;font-size:13px}
    .intl-tel-input.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:8px}