body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  background-color: #fafafa;
  color: #000000;
  
}

h1,
h2,
h3
{
  font-family: 'Kdam Thmor Pro', sans-serif;
}

.bgmainimg {
  background-image: url(Images/Herobg.png);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}


.navbar {

  padding-left: 25px;
  padding-right: 25px;
  font-size: 16px;
  background-color: #fafafa;
  background-color: transparent;
  color: #ffffff;

}

.navbar1 {

  padding-left: 25px;
  padding-right: 25px;
  font-size: 16px;
  background-color: #fafafa;
  color: #000000 !important;
}

.nav-item1>a {
  color: #000000 !important;
}

.solid-nav {
  background-color: #fafafa;
  transition: background-color 0.2s linear;
  color: #000000;
}

.nav-item>a {
  color: #ffffff;
}


.nav-item-scroll>a {
  color: #000000;
}

.dropdown-menu {
  margin-top: 0px;
  background-color: #ffffff;
  box-shadow: 1px 1px 10px 1px #d6d6d6;
  min-width: 250px;
  border: none;
}


.dropdown-menu>li {
  float: left;
}

.column {
  float: left;
  width: 20%;
  font-size: 14px;
  padding-left: 25px;
}

.column>li>a:hover {
  font-weight: bold;
  background-color: #ffffff;
}

.dropdown-menu>li {
  padding-left: 5px;
}

.dropdown-menu>li>a:hover {
  font-weight: bold;
  background-color: #ffffff;
}

.dropdown-header {
  font-size: 18px;
  line-height: 30px;
  padding: 5px;
  color: #e6ac0b;
}

.dropdown-sub-header {
  font-size: 15px;
  line-height: 50px;
  padding: 5px;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
}

.dropdown-item {
  padding: 5px;
  padding-top: 20px;
}

.dropdown-item:hover {
  background-image: none;
  background-color: #ffffff;
  font-weight: bold;
}

.footer {
  background-color: #494c4d;
  padding: 35px 10px;
}

.footer-head {
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
}

.footer-list ul li {
  list-style: none;
  color: #ffffff;
  margin-left: -30px;
  padding-top: 10px;
}

.footer-list ul li:hover {
  font-weight: bold;
  color: #a41c2b;
}

.footer-address {
  color: #ffffff;

}

.copyright {
  color: #ffffff;
  text-align: center;
}

.padd-bt-tp {
  padding-top: 45px;
  padding-bottom: 45px;
}

.solutionbg {
  background-image: url(Images/GIS-Services.jpg);
  color: #ffffff;
  padding-top: 200px;
  padding-bottom: 200px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  flex: 1;
  transition: flex 2s;
  background-size: cover;
}

.solutionbg1 {
  background-image: url(Images/telecom.jpg);
  color: #ffffff;
  padding-top: 200px;
  padding-bottom: 200px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  flex: 1;
  transition: flex 2s;
  background-size: cover;
}

.solutionbg2 {
  background-image: url(Images/app-developement.jpg);
  color: #ffffff;
  padding-top: 200px;
  padding-bottom: 200px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  flex: 1;
  transition: flex 2s;
  background-size: cover;
}

.solutionbg3 {
  background-image: url(Images/ites.jpg);
  color: #ffffff;
  padding-top: 200px;
  padding-bottom: 200px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  flex: 1;
  transition: flex 2s;
  background-size: cover;
}

.solutionbg4 {
  background-image: url(Images/technology.jpg);
  color: #ffffff;
  padding-top: 200px;
  padding-bottom: 200px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  flex: 1;
  transition: flex 2s;
  background-size: cover;
}

.solutionbg:hover {
  flex: 2;
}

.solutionbg1:hover {
  flex: 2;
}

.solutionbg2:hover {
  flex: 2;
}

.solutionbg3:hover {
  flex: 2;
}

.solutionbg4:hover {
  flex: 2;
}

.head-border {
  background-color: #f1f1f1;
  text-align: center;
  margin: 5px;
}

.head-border:hover {
  background-color: #09557c;
  text-align: center;
  margin: 5px;
  color: #ffffff;
  margin-top: -5px;
  transition: 0.5s;
}

.head-border:hover .head-icon {
  background-color: #cc9f18;
  color: #09557c;
}

.head-icon {
  width: 90px;
  background-color: #09557c;
  border-radius: 50%;
  padding: 25px;
  margin-top: -40px;
  color: #ffffff;
}

.sdwanbg {
  background-image: url(Images/sdwanexpert.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.enablersbg {
  background-image: url(Images/enablers.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.aibg {
  background-image: url(Images/Banners/revolutionize.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 200px;
  margin-top: 50px;
}

.aitxt {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  font-family: 'Kdam Thmor Pro', sans-serif;
}

.knowmorebn {
  background-color: #09557c;
  padding: 10px 20px;
  margin-top: 20px;
}

.aboutbgmain {
  background-image: url(Images/Banners/aboutusbanner1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.txtcolor {
  text-align: justify;
  font-size: 16px;
}

.opticalcablebg {
  background-image: url(Images/Banners/opticalcable.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 230px 0px;
  background-attachment: fixed;
}

.opticaltext {
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  font-family: 'Kdam Thmor Pro', sans-serif;
  text-shadow: 0 4px #050505;
}

.communicationbgmain {
  background-image: url(Images/Banners/communication.png);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}

.video-container {
  width: 100%;
  position: relative;
}

.video-container video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}

/* Just styling the content of the div, the *magic* in the previous rules */
.video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center;
  padding: 200px 25px;
  font-size: 50px;
  font-weight: bold;
  color: #ffffff;
  font-family: 'Kdam Thmor Pro', sans-serif;
}

.video-container .caption-aboutus {
  z-index: 1;
  position: relative;
  text-align: center;
  padding: 250px 25px;
  font-size: 50px;
  font-weight: bold;
  color: #ffffff;
  font-family: 'Kdam Thmor Pro', sans-serif;
}

.btn-communication
{
  padding: 15px;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  margin-top: 20px;
}

.text-com-para
{
  font-size: 18px;
  text-align: justify;
  padding: 100px 0px 70px 0px;
}

.wht-we-do
{
  font-size: 20px;
  font-weight: bold;
  padding: 25px 10px;
  cursor: pointer;
}

.wht-we-do-left
{
  border-left: 5px solid #cc9f18;
  padding-left: 25px;
}

.wht-we-do-num
{
  font-size: 14px;
  color: #cc9f18;
}

.wht-we-do-head
{
  font-size: 46px;
  padding: 45px 0px;
  font-weight: bold;
  font-family: 'Kdam Thmor Pro', sans-serif;
  color: #09557c;
  text-align: center;
}

.carousel-control-prev-icon
 {
  background-color: #09557c;
  transition: none;
  width: 50px;
  height: 60px;
  margin-left: -10px;
}

.carousel-control-prev
{
  width: 4%;
  opacity: 0.9;
}

.carousel-control-next-icon
 {
  background-color: #09557c;
  transition: none;
  width: 50px;
  height: 60px;
  margin-right: -10px;
}

.carousel-control-next
{
  width: 4%;
  opacity: 0.9;
}

.more-solution-text
{
  font-size: 34px;
  padding: 45px 0px 0px 0px;
  font-weight: bold;
  font-family: 'Kdam Thmor Pro', sans-serif;
  color: #09557c;
  text-align: center;
}

.industrial-communicationbg
{
  background-image: url(./Images/Banners/industrial-communication.jpg);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 45px;
  font-size: 46px;
  padding: 200px 25px;
  color: #ffffff;
 background-attachment: fixed;
 text-shadow: 2px 2px 4px #000000;
}

.aksentt-plays
{
  background-image: url(./Images/Banners/Aksentt-Forest.png);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 45px;
  font-size: 46px;
  padding: 200px 25px;
  color: #ffffff;
 background-attachment: fixed;
 text-shadow: 2px 2px 4px #000000;
}

.transforming-care
{
  background-image: url(./Images/Banners/transforming-care.jpg);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 45px;
  font-size: 46px;
  padding: 200px 25px;
  color: #ffffff;
 background-attachment: fixed;
 text-shadow: 2px 2px 4px #000000;
}

.contactus-main-head
{
  font-size: 40px; 
  font-weight: bold; 
  font-family: 'Kdam Thmor Pro', sans-serif;
  color: #09557c;
}

.contactus-sub-head
{
  font-size: 22px;
  padding-top: 50px;
  font-weight: bold;
}

.contactusbg
{
  background-image: url(Images/Banners/Telecom-Guy.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.career-text
{
  font-size: 18px;
  text-align: center;
  padding: 80px 0px;
}

.career-head {
  font-size: 40px;
  text-align: center;
  padding: 0px 0px 40px 0px;
  font-weight: bold;
  font-family: 'Kdam Thmor Pro', sans-serif;
  color: #09557c;
}

.job-head {
  font-size: 20px;
  color: #000000;
  padding: 0px 10px 10px 10px;
  font-weight: bold;
}

.job-apply {
  font-size: 16px;
  color: #a41c2b;
  padding: 15px 10px 0px 10px;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
}

.job-apply-button
{
  font-size: 16px;
  padding: 7px;
  background-color: #003366;
  width: 150px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.job-txt
{
  font-size: 15px;
  font-family: Montserrat;
  line-height: 30px;
}

.pad-top-bot {
  padding-top: 50px;
  padding-bottom: 20px; 
}

.life-aksentt
{
  font-size: 40px;
  text-align: center;
  padding: 45px 0px;
  font-weight: bold;
  font-family: 'Kdam Thmor Pro', sans-serif;
  color: #09557c;
}

.life-aksentt-text
{
  font-size: 15px;
  padding: 0px 0px 45px 0px;
  text-align: justify;
}

.Principles-head {
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 40px;
  padding-top: 20px;
  font-family: 'Kdam Thmor Pro', sans-serif;
  color: #09557c;
}

.Principles-sub-head {
  font-size: 18px;
  color: #003366;
  font-weight: bold;
  padding-bottom: 10px;
}

.Principles-text {
  font-size: 14px;
  padding-bottom: 45px;
  
}

input[type=text],
input[type=tel],
select,
option,
textarea {
  width: 100%;
  margin: 10px 0px;
  padding: 5px;
}

.tbl_head {
  text-align: center;
}

.cmmi-certificates
{
  font-size: 18px;
  text-align: justify;
  padding: 75px 20px 45px 20px;
}

.certification-text
{
  text-align: center;
  font-size: 15px;
}

.certificate-box
{
  margin-bottom: 25px;
}

.certificate-box:hover
{
  box-shadow: 0 0 2px 2px #bebebe;
}

.news-table {
  margin-top: 45px;
  border: 1px solid #000000;
  border-top: 4px solid #021b33;
}

.news-head {
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
  min-height: 100px;
}

.news-readmore {
  font-size: 16px;
  color: #a41c2b;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.ospbg
{
  background-image: url(Images/Banners/osp.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.osphead
{
  font-size: 42px;
  font-weight: bold;
  font-family: 'Kdam Thmor Pro', sans-serif;
  color: #ffffff;
  padding-top: 5px;
}

.careerbg
{
  background-image: url(Images/Banners/careers.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.ospheadbox
{  
  padding: 25px;
  width: 40%;
  margin: 360px 25px 50px 45px;  
}

.anchortxt
{
  padding: 25px 10px;
  text-align: center;
  font-weight: bold;
  background-color: #f1f1f1;
  font-size: 16px;
}

.osppara
{
  padding: 80px 0px;
  text-align: justify;
  font-size: 18px;
}

.ourapproch
{
  padding: 75px 25px 45px 25px;  
}

.ourapproch-operation
{
  padding: 75px 25px 25px 25px;
  
}

.ourapprochhead
{
  text-align: center;
  padding-bottom: 25px;
  color: #09557c;
}

.ourapprochpara
{
  text-align: justify;
  font-size: 16px;
}

.ospsubhead
{
  text-align: center;
  font-size: 22px;
  font-weight: bolder;
  padding-bottom: 40px;
  color: #09557c;
}

.featureshead
{
  color: #09557c;
  text-align: center;
  padding: 85px 10px 45px 10px;
}

.featuressubhead
{
  font-size: 20px;
  font-weight: bold;
  padding: 15px 10px 0px 10px;
}

.featurespara
{
  padding: 25px 10px;
  min-height: 120px;
}

.gisfeaturespara
{
  padding: 25px 10px;
  min-height: 160px;
}

.utilityfeaturespara
{
  padding: 25px 10px;
  min-height: 180px;
  text-align: justify;
}

.featuresbox
{
  border-left: 5px solid #09557c;
  border-bottom: 5px solid #cc9f18;
  margin: 5px;
  border-radius: 10px 0px 0px 10px;
}

.devider
{
  width: 70px;
  border-bottom: 2px solid #09557c;
  margin: 15px 10px 0px 10px;
}

.chooseus
{
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
}

.chooseus:hover
{
  box-shadow: 0 0 5px 1px #0a0a0a;
}

.chooseushead
{
  font-size: 20px;
  font-weight: bold;
  padding: 15px 10px;
}

.gischooseushead
{
  font-size: 18px;
  font-weight: bold;
  padding: 15px 10px;
}

.choosepara
{
  text-align: justify;
  min-height: 130px;
  padding: 0px 10px 10px 10px;
}

.gischoosepara
{
  text-align: justify;
  min-height: 150px;
  padding: 0px 10px 10px 10px;
}

.utilitychoosepara
{
  text-align: justify;
  min-height: 160px;
  padding: 0px 10px 10px 10px;
}

.planning-services
{
  padding: 85px 0px;
  background-color: #ececec;
}

.planningpara
{
  font-size: 20px;
  text-align: center;
}

.planningbutton
{
  text-align: center;
  padding: 25px 10px 0px 10px;
}

.gisbg
{
  background-image: url(Images/Banners/GIS.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.gisheadbox
{  
  padding: 25px;
  margin: 360px 25px 50px 45px;  
}

.planningtxt {
  margin: auto;
  color: #000000;
  padding: 0px 25px;
  text-align: justify;
  font-size: 16px;
}

.planningtxt1 {
  margin: auto;
  color: #000000;
  padding: 0px 25px;
  text-align: justify;
  font-size: 16px;
}

.utilitiesbg
{
  background-image: url(Images/Banners/Utilities-Planning.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lidarbg
{
  background-image: url(Images/Banners/LiDar-Engg.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.cater-text
{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
}

.lidarheadbox
{
  
  padding: 25px;  
  margin: 360px 25px 50px 45px;
  
}

.gisappheadbox
{
  padding: 25px;
  margin: 360px 25px 50px 45px;
}

.networkheadbox
{
  padding: 25px;
  width: 37%;
  margin: 360px 25px 50px 45px;
  
}

.operationheadbox
{
  padding: 25px;
  width: 40%;
  margin: 360px 25px 50px 45px;
  opacity: 0.95;
}

.lidarchoosepara
{
  text-align: justify;
  min-height: 180px;
  padding: 0px 10px 10px 10px;
}

.gisappbg
{
  background-image: url(Images/Banners/GIS-App.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.growbusiness {
  font-size: 32px;
  text-align: center;
  color: #09557c;
  padding: 65px 25px 25px 25px;
}

.networkdevelopmentbg
{
  background-image: url(Images/Banners/Network-Development.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.operationbg
{
  background-image: url(Images/Banners/Operation-Maintenance.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.IoTbg
{
  background-image: url(Images/Banners/IoT.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.IoTchooseushead
{
  font-size: 16px;
  font-weight: bold;
  padding: 15px 10px;
}

.IoTchoosepara
{
  text-align: justify;
  min-height: 220px;
  padding: 0px 10px 10px 10px;
}

.webchoosepara
{
  text-align: justify;
  min-height: 240px;
  padding: 0px 10px 10px 10px;
}

.Webbg
{
  background-image: url(Images/Banners/Web-Development.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.androidbg
{
  background-image: url(Images/Banners/Android-App-Development.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.androidheadbox
{
  padding: 25px;
  width: 42%;
  margin: 360px 25px 50px 45px;
  
}

.fixme
{
  z-index: 9;
}

.itmanagedbg
{
  background-image: url(Images/Banners/IT-Managed-Services.png);
  background-size: cover;
  background-repeat: no-repeat;
}


.managed-services-main {
  border-radius: 10px;
  margin-bottom: 25px;
  overflow: hidden;
  background-color: #f2faff;
  
}

.managed-img
{
  
  overflow: hidden;
  
}

.managed-services-main img
{
  transition: transform 1s;
  overflow: hidden;
}


.managed-services-main:hover img
{
  transform: scale(1.1);     
}

.managed-services-main:hover
{
  background-color: #def1fd;  
}



.managed-head {
  font-size: 18px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 15px;
  font-weight: bold;
  color: #09557c;
}

.managed-text {
  font-size: 14px;
  text-align: justify;
  min-height: 170px;
  padding: 5px 15px 15px 15px;
}

.managedchoosepara
{
  text-align: justify;
  min-height: 190px;
  padding: 0px 10px 10px 10px;
}

.sdwanheadbox
{
  padding: 25px;
  width: 25%;
  margin: 360px 25px 50px 45px;
  opacity: 0.95;
}

.sdwanpagebg
{
  background-image: url(Images/Banners/SD-WAN.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.sdwanchoosepara
{
  text-align: justify;
  min-height: 180px;
  padding: 0px 10px 10px 10px;
}

.enterprisebg
{
  background-image: url(Images/Banners/Enterprise-Automation.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.enterprisepara
{
  padding: 10px 0px 45px 0px;
  text-align: justify;
  font-size: 18px;
}

.cloudbg
{
  background-image: url(Images/Banners/Cloud-Strategy.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.cloudheadbox
{
  padding: 25px;
  width: 42%;
  margin: 360px 25px 50px 45px;
  
}

.cloud-text {
  font-size: 14px;
  text-align: justify;
  min-height: 230px;
  padding: 5px 15px 15px 15px;
}

.cybersecuritybg
{
  background-image: url(Images/Banners/Cyber-Security.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.cybersecuritybox
{
  padding: 25px;
  width: 30%;
  margin: 360px 25px 50px 45px;
  
}

.cyber-text {
  font-size: 14px;
  text-align: justify;
  min-height: 180px;
  padding: 5px 15px 15px 15px;
}

.dataanalyticsbg
{
  background-image: url(Images/Banners/Data-Analytics.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.talentheadbox
{
  padding: 25px;
  width: 36%;
  margin: 360px 25px 50px 45px;
  opacity: 0.95;
}

.talentchoosepara
{
  text-align: justify;
  min-height: 160px;
  padding: 0px 10px 10px 10px;
}

.talentbg
{
  background-image: url(Images/Banners/Talent-Acquisition.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.healthtechbg
{
  background-image: url(Images/Banners/HealthTech.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.healthtechchoosepara
{
  text-align: justify;
  min-height: 190px;
  padding: 0px 10px 10px 10px;
}

.nav-bar
{
  height: 70px;
  padding-top: 10px;
  background-color: rgba(255, 255, 255);
  z-index: 8;  
}

.togle-btn
{
  text-align: right;
  color: #09557c;

}

.toggle-btn-bg
{
  font-size:30px;
  cursor:pointer;
  background-color: #ffffff;
  padding: 5px 12px;
  border-radius: 45%;
}

.toggle-menu-btn
{
  background-color: #ffffff;  
  font-size: 16px;
  margin-right: 10px;
  margin-top: 10px;
  font-weight: bold;
}

/* navbar */ 
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  background-color: rgb(248, 247, 247);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 20%;
  width: 100%;   
  color: #000000;
  padding-left: 25px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 16px;
  color: #000000;
  display: block;
  transition: 0.3s;
  font-weight: bold;
}



.overlay a:hover, .overlay a:focus {
  color: #030303;
  cursor: pointer;
}

.overlay .closebtn {
  position: absolute;
  top: 35px;
  right: 45px;
  font-size: 45px;
  z-index: 9; 
  border-radius: 50%;
  height: 40px;
  width: 40px;
  
}

.about-overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  background-color: rgba(41, 41, 41);
  overflow-x: hidden;
  transition: 0.5s;
}

.about-content {
  position: relative;
  top: 10%;
  width: 100%;
  margin-left: 25px;
  margin-top: 30px;
  color: #ffffff;
}

.about-overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  z-index: 9;  
}

.about-overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 24px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
  font-weight: bold;
}

.about-overlay a:hover, .about-overlay a:focus {
  color: #ffffff;
  cursor: pointer;
}

.solution-overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;  
  background-color: rgba(41, 41, 41);
  overflow-x: hidden;
  transition: 0.5s;
}

.solution-content {
  position: relative;
  top: 10%;
  width: 100%;
  margin-left: 25px;
  margin-top: 30px;
  color: #ffffff;
}

.solution-overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  z-index: 9;
}

.solution-overlay a {
  
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
  display: block;
  transition: 0.3s;  
}

.solution-overlay li {
  list-style: none;
}

.solution-overlay a:hover, .solution-overlay a:focus {
  color: #ffffff;
  cursor: pointer;
}

.industry-overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  background-color: rgba(41, 41, 41);
  overflow-x: hidden;
  transition: 0.5s;
}

.industry-content {
  position: relative;
  top: 10%;
  width: 100%;
  margin-left: 25px;
  margin-top: 30px;
  color: #ffffff;
}

.industry-overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  z-index: 9;
}

.industry-overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 24px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
  font-weight: bold;
}

.industry-overlay a:hover, .industry-overlay a:focus {
  color: #ffffff;
  cursor: pointer;
}


/* navbar  Close */ 

.accordian-text
{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

#captcha
{
 
  border: 1px solid #000000;
  padding: 15px;
  text-align: center;
  font-weight: bold;
  font-family: Bell MT;
  font-size: 32px;
  text-decoration: line-through;
} 

.blacklist-head
{
  font-size: 34px;
  background-color: #000000;
  color: #ffffff;
  padding: 100px 25px;
  text-align: center;
}

table, th, td {
  border:1px solid black;
  padding: 5px;
}

th
{
  font-size: 18px;
}

td
{
  font-weight: 100px;
}

.vendor-head {
  font-size: 30px;
  text-align: center;
  padding: 40px 0px 40px 0px;
  font-weight: bold;
  font-family: 'Kdam Thmor Pro', sans-serif;
  color: #09557c;
}

.vendor-headline
{
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  padding: 10px;
  background-color: #09557c;
  font-weight: bold;
  margin-bottom: 25px;
}

.top-pad
{
  padding-top: 15px;
}

.mandatory-text
{
  font-size: 13px;
  color: red;
  text-align: center;
  margin-bottom: 25px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  width: 100%;
  margin-top: 10px;
  padding: 5px;
}


@media (max-width: 576px) {
  .dropdown-menu {
    height: 200px;
    width: 100%;
    margin-left: 0px;
    overflow-y: auto;
  }

  .dropdown-menu>li {
    float: none;
  }

  .column {
    float: left;
    width: 100%;
    font-size: 14px;
    padding-left: 25px;
  }

  .slide-wrapper {
    text-align: center;
  }

  .ospheadbox
{
  padding: 25px;
  width: 80%;
  margin: 360px 25px 50px 45px;
}

.gisheadbox
{
  padding: 25px;
  width: 80%;
  margin: 360px 25px 50px 45px;
  opacity: 0.95;
}

.lidarheadbox
{
  padding: 25px;
  width: 80%;
  margin: 360px 25px 50px 45px;
  opacity: 0.95;
}

.gisappheadbox
{
  
  padding: 25px;
  
  margin: 360px 25px 50px 45px;
  
}

.networkheadbox
{
  
  width: 80%;
  margin: 360px 25px 50px 45px;
  
}

.operationheadbox
{
  padding: 25px;
  width: 80%;
  margin: 360px 25px 50px 45px;
  opacity: 0.95;
}

.sdwanheadbox
{
  padding: 25px;
  width: 80%;
  margin: 360px 25px 50px 45px;
  opacity: 0.95;
}

.cybersecuritybox
{  
  width: 80%;
  margin: 360px 25px 50px 45px;  
}

.cloudheadbox
{  
  padding: 25px;
  width: 80%;
  margin: 360px 25px 50px 45px;
  
}

.androidheadbox
{
  padding: 25px;
  width: 80%;
  margin: 360px 25px 50px 45px;
  
}

.talentheadbox
{  
  padding: 25px;
  width: 80%;
  margin: 360px 25px 50px 45px;  
}

.overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  margin-left: 10px;
  margin-top: 30px;
  color: #000000;  
  
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size:20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  font-weight: bold;
  text-align: left;
}



.overlay a:hover, .overlay a:focus {
  color: #000000;
  cursor: pointer;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 40px;
  z-index: 9;
  
}

table, th, td {
  border:1px solid black;
  padding: 5px;
}

th
{
  font-size: 12px;
}

td
{
  font-weight: 100px;
  font-size: 11px;
}


}

@media (min-width: 576px) and (max-width: 768px) {
  .dropdown-menu {

    width: 100%;
    margin-left: 0px;
    height: 250px;
    overflow: auto;
  }

  .column {
    float: left;
    width: 100%;
    font-size: 14px;
    padding-left: 25px;
  }

  .lidarheadbox
{
  padding: 25px;
  width: 50%;
  margin: 360px 25px 50px 45px;
  opacity: 0.95;
}

}

@media (min-width: 768px) {
  .dropdown-menu {
    
    width: 100%;
    margin-left: 0px;
    

  }

  .dropdown-menu>li {
    float: none;
  }

  .column {
    float: left;
    width: 100%;
    font-size: 14px;
    padding-left: 25px;
  }

  .gisappheadbox
{
  padding: 25px; 
  margin: 360px 25px 50px 45px;  
}



}