* {
	padding: 0;
	margin: 0 auto;
}



a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    border:0;
}
ul{list-style:none}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

:focus{
    text-decoration: none;
    outline: none;
    border:0;
}

img:focus {
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 1px dotted;
    outline: 0;
}



body {
  
font-family: "Work Sans", sans-serif;
color: #000000;
font-size: 18px;
font-weight:400;
line-height: 1.625;
/*background:#F0F0F0;*/
/*background:#18191B;*/


}

a.digital-btn{background: #1a1a1a;padding: 8px 30px;border-radius: 30px;color: #ffffffcf;display: inline-block;margin-top: 20px;}
a.digital-greybtn{background: #414040;padding: 8px 30px;border-radius: 30px;color: #ffffffcf;display: inline-block;margin-top: 20px;}

h1,h2,h3{ font-family: "Unbounded", sans-serif;line-height:40px;font-size: 40px;font-weight: 500;}

.heading{font-size:40px;margin-bottom:30px;color:#1A1A1A;font-weight:500;}

.text-grey{color: #C4C4C4;}
.heading span	{color: #26abe2;}

.pad100{padding:100px 0}
.navbar-brand{width:220px}
nav.navbar-expand-lg.navbar-light.header {position: fixed;left: 0;right: 0;top: 0;z-index: 999;background: transparent;}

nav.navbar-expand-lg.navbar-light.fixed {box-shadow: 10px 10px 10px #b7b7b721;background:#000}
.black{display:none}
nav.navbar-expand-lg.navbar-light.header.fixed .black {display: block;}
nav.navbar-expand-lg.navbar-light.header.fixed .white {display:none;}
nav.navbar-expand-lg.navbar-light.fixed .nav-link {color:#fff}
@-webkit-keyframes slide-down{ 0%{opacity:0;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
    }
    100%{opacity:.9;
    -webkit-transform:translateY(0);
    transform:translateY(0)
        
    }}
    
    @keyframes slide-down{
        0%{opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)}
        100%{opacity:.9;
        -webkit-transform:translateY(0);
        transform:translateY(0)
            
}}



.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    
}

.navbar-expand-lg .navbar-brand img {
    width:220px;
	margin:23px 0;
    
}

ul.navbar-nav li {
    position: static!important;
    margin-left:40px;
}


ul.navbar-nav {
    margin-right:0px;
}

ul.navbar-nav li:first-child{margin-left:0;}


.navbar-light .navbar-nav .nav-link {
    color: #fff;
    padding:30px 0;
	font-weight: 400;
    font-size: 15px;
   	text-transform:uppercase;
    letter-spacing: 1px;
    position: relative;
    
}

.navbar-light .navbar-nav .nav-link:hover {
    color:#00A877;
}

.main-nav {
    width:65%;
    float: left;
    flex-wrap: wrap;
     justify-content: flex-end;
    
}
.topnav {
    width: 100%;
    flex: auto;
    position: relative;
	margin-top:10px;
    
}



.navbar-light .topnav .navbar-nav .nav-link:hover {
    color: #00adf1;
}

.width100 {
    width: auto !important;
}


.dlfx {
    justify-content: flex-end;
    display: flex;
    
}


ul.dropdown_hover {
    opacity: 0;
    transform: translateY(70px) translateZ(0);
    transition: transform 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
    position: absolute;
    left: 0;
    width: 200px;
    margin: 0;
    list-style: none;
    visibility: hidden;
	
}

.nav-item ul.dropdown_hover li {
    margin: 0;
    border-bottom: solid 1px #2d4990;
    background: #29417c;
    transition: all ease-in-out 0.3s;
}

nav.navbar-expand-lg.navbar-light.header .nav-item ul.dropdown_hover li a {
    display: block;
    padding: 10px 20px;
    color: #fff!important;
    font-size: 13px;
}


.dropdown_hover .nav-link:after{display:none}

ul.navbar-nav li:hover ul.dropdown_hover {
    display: block;
    opacity: 1;
    transform: translateZ(0);
    visibility: visible;
	
}



/*dropdown css*/
ul.navbar-nav li.nav-item:hover .dropdown-menu {display: block;opacity: 1;
    top: 100%;
    visibility: visible;}
/*.navbar-nav li.nav-item:hover .dropdown-menu { opacity: 1;
    top: 100%;
    visibility: visible;}*/
.navbar-expand-lg .navbar-nav .dropdown-menu{top:100%;margin: 0;width: 100%;left: 0;opacity: 0;
    visibility: hidden;/*display:inherit;*/transition: 0.3s;    top: calc(100% + 30px);}
.dropdown-menu {background: #161616;border-radius:0; top:100%; padding:30px 0;border: 1px solid rgb(0 0 0 / 3%);}
.width700{min-width:840px;left:-200px;padding:30px;}
.dropdown-menu li { list-style:none;margin-left: 0 !important;}
.dropdown-menu li a {color:#fff !important;margin:0 !important;transition:all .4s ease-in-out}
.dropdown-menu li a::before {display:none !important;}
.dropdown-menu li a {display:block;color: #fff !important;padding: 5px 10px !important;}
.dropdown-menu li:last-child a {border:0;}
.dropdown-menu li a:hover {color:#00A877 !important;padding-left: 15px !important;opacity:1}
.width700 h6{font-size:25px;font-weight:700;border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom: 5px;color:#fff;opacity:.6}
.width300{width:24.6%;display:inline-block;padding:0 10px}
.dropdown-menu .width300:first-child{padding-left:0px}
.width300 strong{font-size:18px;color:#00adf1}
.width300 ul{margin-top:5px}
.bg-grey{/*background:#161616;*/background: #1A1A1A;}
.home-banner{position:relative;height:100vh}
.banner-video{-o-object-fit: cover;object-fit: cover;position: relative;width: 100%;height: 100%;top: 0;left: 0}
.banner-caption{width:800px;margin:20px auto;display: flex;align-items: center;height: 100vh;text-align:center}
.banner-caption h1{font-size:60px;color:#fff;line-height:80px;}
.banner-caption p{color:#fff;opacity:.6}
a.banner-btn{padding: 8px 35px;border-radius: 30px;color: #fff;font-size: 16px;background: #414040;display: inline-block;margin-top: 30px;margin-right:10px}


 
/* new css*/
.dna-sec h1 {font-size:25px;text-transform:upperacase;margin-top:100px;color:#1A1A1A}
.clentcontent p{ font-family: "Unbounded", sans-serif;font-size:30px;font-weight:500;line-height:50px;color:#1A1A1A}
.clentcontent p span{/*color:#545454*/color: #7c7c7c;}
.client-logo{width:150px;display: inline-block;margin: 0 30px;}
.client-logo img{filter: grayscale(1);}
.partner-section{margin-top:100px;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;padding:50px 0;position:relative}
.partner-section h2{color:#1A1A1A;font-size:16px;/*background:#F0F0F0;*/background:#fff;font-weight:400;display: table;margin-left: 0;letter-spacing: 1px;padding-right: 18px;position: absolute;top: -22px;margin: 0;}
/*.service-group{border: 1px solid #333;border-right: none;border-top: none;border-bottom: 0;margin-top:50px}
.service-thumb{transition: 0.5s;border-bottom: 1px solid #333;position: relative;display: grid;z-index: 1;grid-template-columns: 10% 32% 38% 20%;}
.service-icon{border-right: 1px solid #333;transition: 0.5s;display: flex;align-items: start;justify-content: center;position: relative;padding: 60px 20px;}
.service-icon img{width:100%;}
.service-title{padding: 50px 25px;margin-bottom: 0;}
.service-title h5{font-family: "Unbounded", sans-serif;color:#fff;font-size:28px;font-weight: 500;line-height: 1.4;transition: 0.35s;}
.serviece-para{padding: 50px 25px;position: relative;}
.serviece-para p{color: #C4C4C4;font-size: 16px;font-weight: 400;line-height: 26px;margin-bottom: 0;}
.serviece-para ul{list-style:none;margin-top:20px;padding:0}
.serviece-para ul li a{color: #C4C4C4;font-size: 16px;position:relative;padding-left:30px;}
.serviece-para ul li a:after{content:'';position:absolute;left:0;width:15px;height:1px;background: #7e7e7e;top:50%;}*/
.icon-service{width:60px;}
.service-thumnail{background:#2a2d32;border-radius:30px;padding:50px 30px;margin-top:30px}
.service-thumnail .icon-service{width:70px;margin:0 0 30px 0}
.service-thumnail .icon-service img{width:100%}
.service-btn{border: 1px solid #ffffff94;border-radius: 30px;padding: 5px 5px 5px 20px;margin-top:40px;font-size: 13px;color: #fff;display: inline-block;letter-spacing: .5px;}
.service-btn span{width: 35px;height: 35px;display: inline-block;background: transparent;color: #fff;text-align: center;line-height: 35px;border-radius: 100%;margin-left: 15px;transform: rotate(309deg);font-size: 15px;transition:all ease-in-out .5s;border: 1px solid #ffffff94;}
.service-thumnail .service-title h5{font-family: "Unbounded", sans-serif;color:#fff;font-size:20px;margin-left:0;font-weight:500}
.service-thumnail .service-title {padding:0px 0px 10px;transform: translateY(20px);transition: all .5s;}
.service-thumnail:hover .service-title{transform: translateY(0);}
.service-thumnail:hover .service-title h5 {color:#00A877}
.service-thumnail  p {opacity: .6;transform: translateY(20px);transition: all .5s;transition-delay: 0.1s;margin: 0;color:#cccccc;}
.service-thumnail:hover p{ opacity:1;transform: translateY(0);}
.service-thumnail:hover{box-shadow: 0 0 15px #000000ba;}
.service-thumnail:hover .service-btn span{background:#00A877;border:1px solid #00A877}
.work-thumnail{margin-top:50px;height: 450px;overflow: hidden;position:relative}
.work-title{position:absolute;bottom: 30px;left: 50px;color: #000;font-size: 18px;font-weight:500;font-family: "Unbounded", sans-serif;width: auto;line-height: 35px;background: #ffffffcc;display: inline-block;border-radius: 30px;padding: 0px 30px;letter-spacing: 1px;}
.button-area{display: flex;justify-content: end;padding: 25px;width: 100px;height: 100px;border: 1px solid #ccc;border-radius: 100%;align-items: center;margin-top: 80px;background: #272727;}
.button-area img{transform: rotate(-45deg);transition: all 0.35s ease-in-out;}
.service-thumb:hover .button-area img{transform: rotate(0deg);}
.servicecontent p{color:#fff}
.whychoose-text p{ font-family: "Unbounded", sans-serif;font-size:40px;font-weight:500;color:#1A1A1A;line-height:50px;}
.whychoose-thumbnail, .whychoose-img{margin-top:30px}
.whychoose-thumbnail{background: #f6f6f6;padding: 30px;border-radius: 20px;box-shadow: 0 0 10px 1px #271b1b45;}
.whychoose-thumbnail h6{font-family: "Unbounded", sans-serif;font-size:16px;}
.whychoose-thumbnail .cunter{font-family: "Unbounded", sans-serif;font-size:40px;font-weight: 700;}
.whychoose-thumbnail p{font-size:17px;color:#1a1a1a;margin: 0;line-height: 25px;}
.whynumber{margin-top:107px;}
.whychoose-img,.whychoose-thumb{border-radius:20px;overflow:hidden;box-shadow: 0 0 10px 1px #271b1b45;}
.whychoose-thumb {margin-top:30px;}
.whychoose-thumb img{    height: 100vh;object-fit: cover;}
.mt80{margin-top:80px}
.pad60{padding:60px 0}
.banner-content h4{font-family: "Unbounded", sans-serif;font-size:40px;color:#fff;line-height:50px;}
.banner-content p{color: #C4C4C4;}
.help-thumb {padding: 30px;background: #444444;border-radius: 20px;}
.help-thumb h3{font-family: "Unbounded", sans-serif;font-size:18px;color:#fff;margin-bottom:20px;line-height: 30px;}
.grid-box{border: 1px solid #fff8f84a;border-radius: 30px;padding: 30px;margin-top: 40px;}
.help-box{padding-left: 50px;}
.help-title{display: flex;align-items: center;height: 100%;}
.help-title h3{font-family: "Unbounded", sans-serif;font-size:25px;color:#fff;line-height:35px;}
.help-box p:last-child{margin-bottom:0;opacity:.6}
.help-box p{opacity:.6}
.list-icon{padding-left:0}
.list-icon li{margin-top:10px;padding-left:30px;position:relative}
.tick1 li:after{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:url(../images/icons/tick.png)no-repeat;background-size:contain;}
.tick2 li:after{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:url(../images/icons/tick-black.png)no-repeat;background-size:contain;}

.list-icon b{display: contents;}
.list-icon img {width:18px !important;margin-right:10px}
.list-icon span{width: 30px;margin: 0;}
.line-height{line-height:50px;}
.techservice-icon{/* margin-top:40px; */padding: 40px 20px;border-right: 1px solid #ccc;min-height: 100%;}
.techservice-icon h5{font-family: "Unbounded", sans-serif;font-size:18px;color:#1A1A1A;line-height:35px;margin-bottom:10px;line-height:25px}
.techservice-icon img{width:70px;margin:0 0px 20px 0}
/*.icon-title{display: flex;align-items: center;}*/
.icon-content p{margin:0}
.line-art{margin-top:50px}
.line-art:before{content:'';position:absolute;left:0;width:100%;height:1px;background:#ccc;}
.line-art:after{content:'';position:absolute;bottom:33%;left:0;width:100%;height:1px;background:#ccc;}
.relative{position:relative}
.approach-thum{margin-top:30px;}
.approach-thum h5{font-family: "Unbounded", sans-serif;font-size:18px;color:#fff;margin-bottom:15px}
.approach-thum p{color: #C4C4C4;margin-bottom:0}
hr{margin:0}
/* Accordion css */
.accordion-button::after, .accordion-button:not(.collapsed)::after{display:none}
.accordion{background:transparent}
.accordion .accordion-item h4 {background: url(../images/icons/minus.svg) no-repeat calc(100% - 10px) center; background-size:30px; cursor: pointer; font-size:18px; color:#000;font-weight: 600;margin: 0;padding: 25px;font-family: "Unbounded", sans-serif; }
.accordion .accordion-item h4.collapsed {background-image: url(../images/icons/plus-large.svg);}
.accordion-head{width: 100%;padding: 20px 0;}
.accordion-header {position:relative;    }
/*.accordion-header:after{content:'';left:0;width:0;bottom:-1px;position:absolute;z-index:55;height: 1px;transition: .5s ease-in-out;background:#ff9500;}
.accordion-header:hover:after{width:100%;}*/
.accordion .accordion-button[aria-expanded=true] {color: #fff;background-color:#1A1A1A}
.accordion-body{padding:20px}
.accordion-item{border: 1px solid rgba(0,0,0,.125) !important;background: transparent !important;border-radius: 12px !important;overflow:hidden;margin-bottom:15px}
.career-content p{font-size:22px}
.mt50{margin-top:50px}
.job-list{border-bottom: 1px solid #000;padding: 35px 0;position:relative}
.job-list a{display: flex;width: 100%;justify-content: center;align-items:center;font-size: 40px;color: #000;}
.job-list .job-number{margin:0;font-size:25px !important;opacity: .8;}
.job-title{margin:0;padding-left:100px;width: 50%;}
.job-list .job-open{font-size:25px !important;opacity: .8;}
.job-list .job-link{margin-right:0;font-size:25px !important;position:absolute;right:0px;-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);-webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;}
    /*.flaticon-right-arrow-4:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 12px;}*/
.job-list a:hover .job-link{right: -10px;}    
.job-list .job-link span{margin-right:0px;   -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;position:relative;}

 .job-content ul  {padding-left:20px;list-style: disc;}   
 .job-content ul li   {margin-top: 15px;}
.addressbar{border: 1px solid #ccc;border-radius: 20px;padding: 20px;display: flex;align-items: center;text-align:center}
.phone-box,.email-box{margin:0;width: 50%;}
.phone-box span,.email-box span,.addressbox span{font-size:30px}
.phone-box h5, .email-box h5,.addressbox h5{font-size:18px;font-family: "Unbounded", sans-serif;}
.phone-box a,.email-box a{color:#1A1A1A}
.phone-box{border-right: 1px solid #ccc;}
.addressbox{display: flex;border: 1px solid #ccc;padding: 20px;border-radius: 20px;margin-top: 30px;}
.addressbox span{margin-left:0px;}
.addressbox>div{margin-left: 30px;width: 100%;}
.form-box{border: 1px solid #ccc;padding: 30px;border-radius: 20px;}
.form-box .form-control{border: 1px solid #ccc;padding: 15px 10px;background: transparent;font-size: 15px;}
.form-box .form-group{margin-bottom:20px}
.left-side{padding-right: 50px;}
.submit-btn{border: 0;background:#161616;color: #fff;font-size: 14px;padding: 10px 15px;width: 100%;border-radius: 10px;}
.map-box{border-radius: 30px;overflow: hidden;margin-top:100px;}

footer {background: #161616;padding:50px 0 0;}
footer h6{color:#fff;font-size:20px;letter-spacing: 1px;margin-bottom:30px;position:relative;font-family: "Unbounded", sans-serif;}
.footer-logo{margin:0;width: 385px;}
.middle-footer{border: 1px solid #303030;padding:0 30px;border-radius: 10px;display: flex;justify-content: space-between;align-items: center;margin-top:50px}
.middle-footer a{color: #DFDFDF;font-family: "Unbounded", sans-serif;font-size: 22px;}
.middle-footer h5 {color: #AAA;font-size:14px;font-family: "Unbounded", sans-serif;margin-bottom:0px;}
.email{border-left: 1px solid #303030;height: 100%;padding-left: 45px !important;}
.address {padding:30px 0;margin-right:0;display:inline-block}
.grey-list{color: #C4C4C4;}
.grey-list li b{color:#fff!important}

footer ul{margin:0;padding:0}
footer .footer-grid ul li{margin-bottom:10px;}
footer .footer-grid ul li a:after{content:'';position:absolute;left:0;bottom:-5px;width:0px;height:1px;background:#00A877;transition: all .8s ease-in-out;}
footer .footer-grid ul li a {font-size: 16px;transition: all .4s ease-in-out;position:relative;}
/*footer .footer-grid ul li a:hover{padding-left:15px}*/
footer p {font-size:16px}
footer .footer-grid ul li a:hover:after{width:100%}
footer ul li a, footer p {color:#fff;    opacity: .6;}
footer ul li a:hover{color:#00A877;opacity:1}
.address img{width:30px;}
.social  li {display:inline-block;position:relative}
.social  li:after{width:1px;height:15px;content:'';position:absolute;right:5px;top:8px;background:#fff;transform: rotate3d(1, 1, 1, 45deg);}
.social  li a{padding-right:20px;}
.news-form form{display:flex;background:#fff;}
.news-form .digital-btn{background:#00A877;padding: 8px 15px;border-radius: 0;}
.news-form .form-control{font-size:13px;opacity:.8;border-radius:0;padding: 0.375rem 0.75rem!important;border: 1px solid #ced4da;color: #000 !important;}

.bg-blue{/*background: #26abe2;*/}
.copy-right p{margin:0;color:#fff;opacity:.8;padding:12px 0;font-size:13px;}
/*.copy-right{background:#3ab3e5;}*/
.copy-right p a{margin:0;color:#fff;opacity:.6;padding:10px 0;font-size:13px;}
.copy-right p span{margin:0 10px;}
.digital {width: 40px;margin-top: 8px;margin-right: 0;}

.casestudy-grid{position:relative}
.casestudy-discription{
position: absolute;
    top: 0;
    left:0;
    right:0;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    height:100%;
    
    }
.casestudy-discription h5{color:#fff;letter-spacing: 1px;font-family: "Work Sans", sans-serif;}    
.casestudy-discription h5, .casestudy-discription p{text-align:center} 
.casestudy-discription p{font-weight:600;color:#000;line-height: 20px;}
.casestudy-discription ul{list-style: disc;}
.casestudy-discription ul li{margin-top:10px;color:#000;font-size: 14px;}
.readmore{
    display: table;
    text-align: center;
    position: relative;
    margin-top:25px;
    border-bottom: 1px solid #000;
    font-size: 13px;
    color: #000;
    margin-bottom:20px;
}

.casestudy-discription img{width:120px !important;display: block;margin-bottom: 15px;}
.mt-150{margin-top:72px}
.navigation_black nav.navbar-expand-lg.navbar-light.header{
    background:#000;
}


.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.75);
	z-index: 9999;
}

.popup-inner {
    max-width: 550px;
    width: 60%;
    padding: 40px 60px 70px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    /* box-shadow:0px 2px 6px rgba(0,0,0,1); */
    border-radius: 0;
    background:#fff;
}


/* Close Button */

.modal-content{border-radius: 0;border: 0;}
.modal-dialog {
    max-width: 450px;
    margin: 1.75rem auto;
}

#talkto .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-body {
    padding:30px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}


.fixedbtn {
    width: auto;
    position: fixed;
    top: 45%;
    right: -61px;
    z-index: 22;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

.fixedbtn .btnrt {
    border: none;
    background-color:#00a877;
    width: auto;
    height: 50px;
    color: #fff;
    cursor: pointer;
    outline: none;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 20px;
    letter-spacing: 1.5px;
    transition: all 0.5s ease;
}


#talkto h4{margin-bottom:0px!important;line-height: 25px;}
#talkto p{margin-bottom:20px;font-size:18px;color: #686767;}

#apply-now h4,  #talkto h4, #enquire h4 {
    margin-bottom: 20px;
    text-transform: capitalize;
    font-size: 30px;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    letter-spacing: 1px;
        font-weight: 600;
    line-height: 30px    
}

#apply-now .form-control, #talkto .form-control, #enquire .form-control{
    width: 100%;
    height: 50px;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #d2d0ceba;
    padding: 6px 4px;
    color: #444;
    border-radius: 0px !important;
    margin: 0px auto 10px 0px;
    display: inline;
	resize:none
}

.modal-content .close {
    width: 35px;
    height: 35px;
    position: absolute;
    right: -35px;
    top: 0px;
    z-index: 99;
    border: none;
    background:#00a877;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content .close img {
    width: 35px;
}







@media(max-width:992px){
	.navbar-light .navbar-toggler-icon {
    background-image: url('../images/download.svg')
}
	
	
	
	
}






@media only screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: flex;
  }
  .dropdown-menu.show {
    display: flex;
  }
}
.dropdown-menu ul {
  list-style: none;
  padding: 0;
}
.dropdown-menu li .dropdown-item {
  color: gray;
  font-size: 15px;
  opacity: .6;
 
}
.dropdown-menu li .dropdown-item:hover {
 background-color: transparent;
}
.dropdown-menu li:first-child a {
  font-weight: bold;
  font-size: 16px;
  color: #fff !important;
  letter-spacing:1px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc4a;
  opacity: 1;
  
}
.dropdown-menu li:first-child a:hover {
 background-color: transparent;
 padding-left: 10px !important;
 
}

.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.75);
	z-index: 9999;
}

.popup-inner {
    max-width: 550px;
    width: 60%;
    padding: 40px 60px 70px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    /* box-shadow:0px 2px 6px rgba(0,0,0,1); */
    border-radius: 0;
    background:#fff;
}


/* Close Button */

.modal-content{border-radius: 0;border: 0;}
.modal-dialog {
    max-width: 450px;
    margin: 1.75rem auto;
}

#talkto .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-body {
    padding:30px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.scroll-slider{display:none}
.whatsapp2{display:none}
.whatsapp {
    width: 50px;
    height:50px;
    color: #fff !important;
    bottom:35px;
    position: fixed;
    right:35px;
   
    z-index: 99;
    line-height:60px;
    text-align: center;
    border-radius: 100px;
}

.whatsapp .fa {
    position: relative;
}

.whatsapp:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 65%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #25d366;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

.whatsapp:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 65%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height:60px;
    background: #25d366;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    box-shadow: 0px ​0px 15px #45514;
}   


@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@media only screen and (max-width: 992px) {
  .dropdown-menu.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
  .dropdown:hover .dropdown-menu {
    width: 40vw;
    flex-wrap: wrap;
  }
}

@media (max-width:991px){
.navbar-expand-lg .navbar-brand img {width: 180px;margin: 20px 0;}    
    nav.navbar-expand-lg.navbar-light.header {background: #000;border: 0;}
    .dropdown-menu.show{display:block !important;}
ul.navbar-nav li.nav-item:hover .dropdown-menu {display: none;opacity: 1;visibility: visible;position: relative !important;transform: inherit !important;}
nav.navbar-expand-lg.navbar-light.header.fixed .black {display: none;}
.navbar-light .navbar-toggler-icon {background-image: url('../images/humberger.svg');width: 30px;}
.navbar-light .navbar-toggler-icon.cross {background-image: url(../images/close.svg)!important;width:40px;background-position: center !important;}
ul.navbar-nav li {margin-left: 0;}
.navbar-brand {margin: 0;} 
.dropdown-menu .col-6 {width: 50%;margin: 20px 0;}
.navbar-light .navbar-nav .nav-link {padding:10px 0;}
.home-banner,.banner-caption {height:60vh;}
button.navbar-toggler {width:60px;padding: 17px;border-radius: 0;margin-left: auto;margin-right: 0;border: 0;}
.pad100 {padding: 60px 0;}
.heading {font-size: 35px!important;line-height:50px;}
.banner-caption h1 {font-size: 45px;line-height: 65px;}
.dna-sec h1 {margin-top:0px;margin-bottom:30px}
.button-area {display: flex;justify-content: end;padding: 16px;width: 70px;height: 70px;}
.service-thumb {grid-template-columns: 10% 39% 38% 20%;}
.serviece-para ul li a{display: flex;align-items: flex-start;}
.serviece-para {padding: 48px 0px;}
.whychoose-text p {font-size: 35px;}

.whychoose-thumb img {height: auto;}
.whychoose-thumbnail, .whychoose-img img{min-height:323px}
.middle-footer{flex-wrap:wrap}
.address{width:44%}
.email{width:55%;border-left: 0px solid #303030;}
.middle-footer{padding:20px}
.mt80 .pt-5{padding-top:0!important}
.mt80 {margin-top: 68px;}
.pt-5 br{display:none!important}
.approach-thum{min-height: 345px;}
.left-side {padding-right: 0;margin-bottom: 45px;}
.map-box iframe{height:300px!important}


}

@media (max-width: 560px){
.whatsapp2{right:60px;}    
.dropdown-menu .col-6 {width:100%;margin: 20px 0 0;}  
.home-banner, .banner-caption {height: auto;}
.home-banner{margin-top: 70px;padding:30px 0}
.banner-caption h1 {font-size: 30px;line-height: 40px;}
.clentcontent p {font-size: 28px;line-height: 45px;}
.partner-section {margin-top: 50px;padding: 35px 0;}
.dna-sec h1 {font-size: 35px;font-weight: 500;}
.service-thumb{min-height:auto;display:block;padding:30px;}
.service-icon{padding: 0;width:80px;border: 0;text-align: left;margin: 0;}
.service-title {padding: 20px 0px 20px;}
.button-area{margin:0;width:60px;height:60px;padding: 10px;}
.serviece-para {padding: 0px 0px 35px;}
.work-thumnail {margin-top: 30px;height: auto;}
.service-thumnail .service-title{transform: translateY(0px);}
.service-thumnail p{opacity:1;transform: translateY(0px);}
.footer-grid{padding-bottom:20px}
.address {width: 100%;margin: 0;}
.email {width: 100%;border-left: 0px solid #303030;padding-left: 0 !important;padding-top: 0;padding-bottom: 0;}
.banner-content h4 {font-size: 30px;line-height: 45px;}
.btn-group{flex-wrap: wrap;text-align: center;margin: 0 auto;display: block;}
.btn-group a.banner-btn{margin-top:18px}
.techservice-icon{border:0}
.line-art:after,.line-art:before{display:none}
.techservice-icon {padding: 30px 20px;}
.approach-thum {min-height: auto;}
.line-height br{display:none}
.filter-list {padding: 0rem 1rem 1rem 1rem !important;margin-bottom: 20px !important;}
.details-sec h2{font-size:35px;line-height: 50px;}
.job-list .job-open {font-size: 15px !important;}
.job-list a {font-size:20px;line-height:22px;}
.job-list {padding: 25px 0;}
.job-title {width:44%;padding-left: 50px;}
.job-list .job-link span{font-size:20px;}
.job-list .job-number {margin: 0;font-size: 30px !important;}
.help-box {padding-left: 0;margin-top:20px;}
.map-box iframe{height:200px!important}
.addressbar{flex-wrap:wrap}
.phone-box, .email-box{width:100%}
.phone-box{border-right:0;border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px}
.phone-box h5, .email-box h5, .addressbox h5 {font-size: 16px;}
.map-box{margin-top:60px}
}