/* =======================================================*/
/*                      By Netsam                         */
/* =======================================================*/
@import url( Bootstrap/css/bootstrap.min.css );
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*========================================================*/
/*  Default HTML                                          */
/*========================================================*/
html { height:100%; }
body { height:100%; margin:0 0 0 0; background:#ffffff; -webkit-font-smoothing:antialiased; font-size:1rem; }
form { height:100%; margin:0; padding:0; }
table, tr, td {font-family:'Inter', sans-serif; color:#0c2340; line-height:28px; font-weight:400; font-size:16px;}
p { font-family:'Inter', sans-serif; color:#0c2340; line-height:28px; font-weight:400; font-size:17px; margin:0 0 24px 0; }
div { font-family:'Inter', sans-serif; color:#0c2340; line-height:28px; font-weight:400; font-size:17px; padding:0px; margin:0px;}
span { }
figure { margin:0;}
hr { margin:10px 0; padding:0px; border-bottom:1px dashed #8f8f8f; border-top:0px; border-left:0px; border-right:0px; line-height:0px; height:1px; display:block;}
img { border:none;}
html, body { }
/*========================================================*/ 
/*  Main SKIN Elements                                    */
/*========================================================*/
.clear { clear:both;}
.fleft { float:left;}
.fright { float:right; }
.paneOutline { border:1px dashed #666666; }
.logo { padding:0 0; position:relative; text-align:center; } .logo img { text-align:center; width:300px; }
.mobile-menu { display:none; }
.header { padding:15px; margin:0 0 0 0; position:fixed; top:0; left:0; width:100%; background:#ffffff; z-index:999; box-shadow: 0 0 0 rgba(0,0,0,0); transition: box-shadow 1s ease;	}
.header.scrolled { box-shadow:0 5px 10px rgba(0,0,0,0.15); }
.hero-banner { margin: 115px 0 0 0; }
.mbile-logo { display:none; }
.hero-img { position:relative; width:100%; border-radius:22px; padding:0 15px; overflow:hidden; }
.hero-bg-img { width:100%; height:auto; display:block; border-radius:22px; }
.hero-content { position:absolute; inset:0; display:flex; align-items:center; }
.hero-img h1 { color:#ffffff; font-size:100px; line-height:100px; text-transform:uppercase; margin:0; }
.hero-img h3 { color:#ffffff; font-size:36px; line-height:60px; }
.ihero-img { position:relative; width:100%; border-radius:22px; padding:0 15px; overflow:hidden; }
.ihero-bg-img { width:100%; height:auto; display:block; border-radius:22px; }
.ihero-content { position:absolute; inset:0; display:flex; align-items:center; }
.ihero-img h1 { color:#ffffff; font-size:40px; line-height:50px; margin:0 0 25px 0; }
.ihero-img h3 { color:#ffffff; font-size:26px; line-height:34px; margin:0; font-weight:400; }
.ioverlay {  position:relative; display:inline-block; width:100%; max-height:400px;  overflow:hidden;}
.ioverlay img.hero-bg-img { width:100%; height:auto; display:block;}
.ioverlay::after { content:""; position:absolute; inset:0; background:rgba(0, 0, 0, 0.5); pointer-events:none; border-radius:22px; }
.ioverlay .overlay-text { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#ffffff; text-align:center; padding:0 20px; }
.reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; }
.reveal.active { opacity: 1; transform: translateY(0); }
#particles-js{ position:absolute; width: 98%; height: 100%; z-index:99; } 
.curve-bg { background:url(Images/curve.png) top left no-repeat; }
.hero-content {  }
.count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } 
.js-count-particles{ font-size: 1.1em; } 
#stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } 
#stats{ border-radius: 3px 3px 0 0; overflow: hidden; } 
.count-particles{ border-radius: 0 0 3px 3px; }
.footer-wrap {  padding:15px 15px;  }
.footer { border-top:1px solid #8FA3AF; padding:25px 0; text-align:center; }
.footer-bg { background:url(Images/footer-bg-l.png) bottom left no-repeat #000000; border-radius:22px; border-top:10px solid #0D9488; }
.footer-bg2 { background:url(Images/footer-bg-r.png) bottom right no-repeat; padding:60px 0 0 0; }
.hbody { clear:both; margin:100px 0 0 0; }
.ibody { clear:both; margin:100px 0 0 0; }
.fabotu {}
.fabotu img { width:300px; }
.fabotu p { color:#ededed; margin:10px 120px 0 0; font-size:15px; }
ul.footer-link { margin:0; padding:0; }
.footer-link li { list-style:none; margin:0 0 0 0; line-height:34px; font-size:15px; }
.footer-link li img { padding:0 10px 0 0; }
ul.footer-link { margin:0; padding:0; }
.footer-link li { list-style:none; margin:0 0 0 0; color:#ededed; }
.footer-link, .footer-link a, .footer-un p { color:#ededed !important; font-size:15px !important; position:relative; }
.footer-link a { color:#ededed !important; font-size:15px !important; position:relative; }
.footer-link a:hover { text-decoration:none !important; color:#ffffff !important; }
.footer-link a::after { content:""; position:absolute; transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1); left:0; bottom:-2px; width:0; height:1px; background-color:#ffffff; transition:width 0.3s ease; }
.footer-link a:hover::after { width:100%; }
.footer-link img { padding-right:6px; }
ul.footer-social { margin:0; padding:15px 0 0 0; }
.footer-social li { list-style:none; margin:0 10px 0 0; display:inline-block; }
ul.banner-social { margin:0; padding:15px 0 0 0; }
.banner-social li { list-style:none; margin:0 0 10px 0; display:block; }
.pl-1 { padding-left:10px; } .pl-2 { padding-left:20px; } .pl-3 { padding-left:30px; } .pl-4 { padding-left:40px; } .pl-5 { padding-left:50px; } .pl-6 { padding-left:60px; }
.pr-1 { padding-right:10px; } .pr-2 { padding-right:20px; } .pr-3 { padding-right:30px; } .pr-4 { padding-right:40px; } .pr-5 { padding-right:50px; } .pr-6 { padding-right:60px; }
/*========================================================*/
/*Contents                                              */
/*========================================================*/ 
.slider { }
.imgres { width:100%; }
.imground { border-radius:12px; }
.img-full { width:100%; }
.heroimg { width:550px; }
.img-hero-round { -webkit-border-radius:100px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius:100px; -moz-border-radius-topright:6px; -moz-border-radius-bottomleft:6px; border-radius:100px; border-top-right-radius:6px; border-bottom-left-radius:6px; }
.about {}
.about h4 { margin:0 0 30px 0; }
.geohazards {}
.geohazards h4 { margin:0 0 30px 0; }
.aboutus {}
.aboutus h2 { margin:0 0 30px 0; }
.aboutus h5 { margin:0 0 30px 0; }
.geotop { padding:60px 0 0 0; }
.geotop h2 { font-weight:700; margin:0 0 30px 0; }
.geotop h4 { color:#0c2340; font-weight:600; margin:0 0 30px 0; }
.hero-list ul { padding:0; margin:0; }
.hero-list li { list-style:none; background:url(Images/ico-check.svg) center left no-repeat; padding:12px 15px 12px 40px; line-height:24px; margin:0 0 12px 0; border-radius:6px; background-position:12px 15px; box-shadow: -1px 2px 12px -2px rgba(0,0,0,0.15); -webkit-box-shadow: -1px 2px 12px -2px rgba(0,0,0,0.15); -moz-box-shadow: -1px 2px 12px -2px rgba(0,0,0,0.15); }
.divider { clear:both; display:block; height:100px; width:100%; }
.info-card { position:relative; background:#ffffff; padding:30px 30px 0 120px; border-radius:12px; height:100%; transition:transform 0.35s ease, box-shadow 0.35s ease; }
.info-card:hover { transform:translateY(-8px); }
.thc-cimg { }
.icon-box { position:absolute; top:30px; left:30px; width:66px; height:66px; background-color:#0c2340; color:#ffffff; border-radius:8px; display:flex; align-items:center; justify-content:center; transition:background-color 0.45s ease; }
.info-card:hover .icon-box { background-color:#14b8a6; }
.info-card h4 { font-weight:600; margin-bottom:15px; color:#1a3a5c; }
.info-card p { margin:0 0 0 0; }
.feature-card { position:relative; height:100%; padding:50px 70px 40px 50px; border-radius:14px; background-color:#0b1f3a; color:#ffffff; overflow:hidden; }
.bg-lines { position:absolute; inset:-10%; opacity:0.1; transform:translate(0, 0); transition:transform 8s linear; }
.feature-card:hover .bg-lines { transform:translate(40px, 25px); }
.feature-icon { position:absolute; top:24px; right:24px; width:90px; transition:transform 0.35s ease; }
.feature-card:hover .feature-icon { transform:scale(1.15); }
.feature-card h4 { color:#14b8a6; font-weight:600; margin-bottom:16px; }
.feature-card p { font-size:14.5px; line-height:1.6; color:#e5e7eb; max-width:90%; }
.about-card { position:relative; height:100%; padding:50px 70px 40px 50px; border-radius:14px; background-color:#ffffff;  overflow:hidden; }
.about-icon { position:absolute; top:24px; right:24px; width:90px; transition:transform 0.35s ease; }
.about-card:hover .feature-icon { transform:scale(1.15); }
.about-card h4 { color:#0f766e; font-weight:600; margin:0 50px 30px 0; }
.about-card p {  } 
.about-card .custom ul li { margin:0 0 20px 10px; line-height: 24px; padding: 0 0 0 28px; } 
.geohazards .custom ul li { margin:0 0 20px 10px; line-height: 24px; padding: 0 0 0 28px; } 
.intwosub { background:#f1f1f1; border-radius:22px; margin:0 15px 100px; padding:70px 0;  }
.intwosub h2 { font-size:40px; line-height:52px; font-family:'Inter',sans-serif; color:#0d9488; font-weight:700; margin:0 0 30px 0; }
.image-card { position:relative; overflow:hidden; border-radius:8px; height:350px; }
.image-card img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); }
.image-card.no-hover { background:#0D9488; display:flex; align-items:center; justify-content:center; text-align:center; }
.image-card.no-hover img { display:none; }
.image-card.no-hover .card-overlay { position:relative; background:transparent; padding:2rem; display:flex; height:100%; width:100%; }
.image-card.no-hover .card-content { color:white; transform: none!important; }
.image-card.no-hover h5 { color:#ffffff; opacity:1 !important; transform none !important; font-size:40px; line-height:44px; margin:0 0 15px 0; font-weight:bold; text-align:left; }
.image-card.no-hover p { color:#ffffff; opacity:1 !important; transform none !important; text-align:left; }
.image-card:not(.no-hover) .card-overlay { position:absolute; bottom:0; left:0; right:0; background:linear-gradient( to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7) 80%); color:#ffffff; padding:1.5rem; height:100%; display:flex; align-items:flex-end; transition:all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
.image-card:not(.no-hover) .card-content { width:100%; transition:transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); transform:translateY(0); }
.image-card:not(.no-hover) h5 { color:#ffffff; margin:0 0 0 0; font-size:24px; font-weight:600; transition:all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); transform:translateY(0); opacity:1; }
.image-card:not(.no-hover) p { color:white; margin:0; opacity:0; max-height:0; overflow:hidden; transform:translateY(20px); transition:all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); line-height:1.6; }
.image-card:not(.no-hover):hover img { transform:scale(1.05); }
.image-card:not(.no-hover):hover .card-overlay { background:linear-gradient( to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%); }
.image-card:not(.no-hover):hover .card-content { transform:translateY(-30px); }
.image-card:not(.no-hover):hover h5 { transform:translateY(-15px); transition-delay:0.05s; }
.image-card:not(.no-hover):hover p { opacity:1; max-height:200px; transform:translateY(0); transition-delay:0.1s; }
.image-card:not(.no-hover)::before { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transition:left 0.7s ease; z-index:2; pointer-events:none; }
.image-card:not(.no-hover):hover::before { left:100%; }
.image-card:not(.no-hover) { transition:all 0.5s ease; }
.image-card:not(.no-hover):hover { transform:translateY(0px); }
.hero-cursor-particles { position:absolute; top:0; left:0; width:100%; height:100%; z-index:5; pointer-events:none; opacity:1.0; }
.cursor-particle { position:absolute; pointer-events:none; border-radius:50%; }
.vericorr-tabs { display:flex; gap:16px; margin-bottom:40px; }
.vericorr-tab { position:relative; flex:1; padding:40px 24px; border-radius:8px; background:#f1f1f1; color:#0b2239; font-weight:600; text-align:center; cursor:pointer; transition:all 0.3s ease; font-size:30px; line-height:42px; align-content:center; }
.vericorr-tab.active { background:#183a5a; color:#ffffff; }
.vericorr-tab.active::after { content:""; position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); border-width:20px 20px 0 20px; border-style:solid; border-color:#183a5a transparent transparent transparent; }
.tab-content-wrapper { animation:fadeIn 0.5s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.does-icon { margin-bottom:20px; transition:transform 0.35s ease; }
.does-title { color:#14b8a6; font-weight:600; margin:0 0 15px 0; font-size:24px; }
.does-card { position:relative; height:100%; padding:0 0 0 0; border-radius:14px; background-color:#ffffff; overflow:hidden; }
.does-card:hover .does-icon { transform:scale(1.1); }
.extent-card { display:flex; align-items:flex-start; gap:40px; margin:40px 0 0; flex-wrap:wrap; }
.extent-card .text-content { flex:1; text-align:left; }
.extent-card .text-content p { }
.extent-card .exten-icon { flex-shrink:0; width:240px; max-width:100%; transition:transform 0.35s ease; }
.extent-card:hover .exten-icon { transform:scale(1.15); }
.fa-section {}
.fa-section h4 { color:#14b8a6; margin:0 0 10px 0; font-weight:600; font-size:24px; }
.fa-card { background:#1a3a5c; color:#ffffff; border-radius:18px; padding:36px; align-content: center;  display:flex; align-items: center; gap:14px; }
.fa-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap:20px; margin:20px 0; }
.fa-card img { width:75px; flex-shrink:0; display:block; }
.igc-card { display:flex; align-items:flex-start; gap:40px; margin:40px 0 0; flex-wrap:wrap; }
.igc-card .text-content { flex:1; text-align:left; }
.igc-card .text-content p { }
.igc-card .igc-icon { flex-shrink:0; width:240px; max-width:100%; transition:transform 0.35s ease; }
.igc-card:hover .igc-icon { transform:scale(1.15); }
.blue-2-cards {}
.blue-2-cards .bsmsb { background:#0d9488; border-radius:18px; padding:35px; color:#ffffff; }
.blue-2-cards .bsmsb h4 { color:#ffffff; font-size:24px; font-weight:600; margin:0 0 15px 0; }
.b2csol .bsmsb h4 { margin:15px 0 40px 0 !important; }
.blue-2-cards .bsmsb ul { margin: 0 0 30px 30px }
.blue-2-cards .bsmsb li { color:#ffffff; list-style:disc; line-height:28px; }
.blue-2-cards .bsmsb p { color:#ffffff; }
.blue-2-cards .bsmsb img { width:65px; float:left; margin:0 15px 0 0; }
.blue-2-cards .bsmsb .mksp1 { clear:both; display:block; width:auto; height:20px; }
.blue-2-cards .bsmsb .mksp2 { clear:both; display:block; width:auto; height:80px; }
.mdcenter { text-align:center; }
.aboutin h4 { margin:0 0 30px 0; }
.aboutin h2 { font-size:38px; }
.aboutin ul { margin:0 0 25px 35px; padding:0 0 0 0; }
.aboutin li { list-style:disc; line-height:28px; }
.lbs-wrap { padding:20px 0 0 0; }
.lbs-wrap h2 {  margin:0 0 0 0; }
.lbs-wrap h3 { font-size:24px; font-weight:600; margin:0 0 15px 0; }
.lbs-wrap ul { margin: 0 0 30px 30px }
.lbs-wrap li { list-style:disc; line-height:28px; }
.nbpu { margin:0 0 10px 0; font-weight:600; }
.contmain  { margin:0 0 0 0; }
.contmain img { width:100%; border-radius:12px; }
.fixmar { margin:-70px 0 0 0; }
.solwrap h2 { font-size:38px; }
.solwrap ul { margin:0 0 0 0; padding:0 0 0 0; }
.solwrap li { list-style:none; line-height:28px; padding:10px 0; border-top:1px dotted #8e8e8e; }
.solwrap li:last-of-type { border-bottom:1px dotted #8e8e8e; }
.solwrap .solpu { margin:0 0 10px 0; font-weight:600; color:#0f766e; font-size:20px; }
.solwrap .solv2 h2, .solwrap .solv2 .solpu { color:#1a3a5c; }
.herotop { padding:60px 0 0 0; }
.oaim-top { padding:30px 0 0 0; }
.clc-top { padding:20px 0 0 0; }
.dsaa-top { padding:125px 0 0 0; }
.cars-top { padding:90px 0 0 0; }
#stickyInfoTab { position:fixed; right:-250px; top:34px; display:flex; align-items:center; gap:10px; background:#0f766e; color:#fff; padding:5px 14px; border-radius:5px 0 0 5px; cursor:pointer; z-index:999; overflow:hidden; transition:right 0.5s ease, width 0.4s ease; width:auto; }
#stickyInfoTab .info-icon { font-size:18px; flex-shrink:0; }
#stickyInfoTab .info-text { font-size:15px; white-space:nowrap; overflow:hidden; max-width:220px; opacity:1; transition:max-width 0.4s ease, opacity 0.3s ease; }
#stickyInfoTab.collapsed .info-text { max-width:0; opacity:0; }
#stickyInfoTab .tab-close { font-size:18px; cursor:pointer; margin-left:8px; flex-shrink:0; }
#stickyInfoTab.active { right:0; }
#stickyInfoTab.slide-out { right:250px; }
#stickyInfoTab.expanded .info-text { max-width:220px; opacity:1; }
.solution-info-panel { position:fixed; top:0; right:-766px; width:400px; height:100%; z-index: 999999; background:#0f766e; transition:right 0.35s ease; z-index:1000; display:flex; flex-direction:column; }
.solution-info-panel.active { right:0; }
.solution-info-overlay { position:fixed; inset:0; display:none; z-index:900; }
.solution-info-overlay.active { display:block; }
.panel-header { padding:16px; border-bottom:1px solid #e5e5e5; display:flex; justify-content:space-between; align-items:center; }
.panel-header h4 { color:#ffffff; margin:0 15px 0 0; }
.panel-body { padding:20px; font-size:14px; line-height:1.5; }
.panel-body p { color:#ffffff; }
.close-btn { background:none; border:none; font-size:22px; cursor:pointer; }
@media (hover: hover) { #stickyInfoTab.collapsed:hover .info-text { max-width:220px; opacity: 1; } }
.sc-bfbbf36e-0 .bg-primary { background-color: #1a3a5c !important; }
.sc-9483b00f-0 { display:none !important; }
.personabar .personabarLogo.updateLogo { background-position:center 10px !important; background-size:90px !important; }

/*========================================================*/
/*  DNN Login                                             */
/*========================================================*/  
#dnn_ctr451_Login_Login_DNN_plUsername, #dnn_ctr451_Login_Login_DNN_plPassword { display:none !important; }
#dnn_ctr451_Login_Login_DNN_chkCookie, #dnn_ctr451_Login_Login_DNN_chkCookie + .dnnCheckbox, #dnn_ctr451_Login_Login_DNN_chkCookie + .dnnCheckbox + label, #dnn_ctr451_Login_Login_DNN_lblLoginRememberMe { display: none !important; }
#dnn_ctr451_Login_Login_DNN_txtUsername { height: 60px !important; border-radius: 36px !important; padding-left: 15px !important; font-size: 16px !important;	width:100% !important; }
#dnn_ctr451_Login_Login_DNN_txtUsername::placeholder { color: #aaa; font-size: 16px; opacity: 1; }
#dnn_ctr451_Login_Login_DNN_txtPassword { height: 60px !important; border-radius: 36px !important; padding-left: 15px !important; font-size: 16px !important;	width:100% !important; }
#dnn_ctr451_Login_Login_DNN_txtPassword::placeholder { color: #aaa; font-size: 16px; opacity: 1; }
.LoginPanel { width: 800  !important; padding-right: 0  !important; float: none  !important; margin:0 auto; }
.LoginPanel .dnnFormItem .dnnLabel { display: none  !important; }
.dnnLoginService  .dnnFormLabel { display:none !important; }
#dnn_ctr451_Login_Login_DNN_lblLogin { display:none; }
.LoginPanel .dnnForm .dnnFormItem { text-align:center !important; }
#dnn_ctr451_Login_Login_DNN_cmdLogin { border:none; background:#14b8a6 !important; padding:10px 30px !important; border-radius:6px !important; color:#ffffff !important; font-weight:600 !important; }
#dnn_ctr451_Login_Login_DNN_cancelLink { border:none; background:#0c2340 !important; padding:10px 30px !important; border-radius:6px !important; color:#ffffff !important; font-weight:600 !important; }
#dnn_ctr451_Login_Login_DNN_passwordLink { border:none; background:none !important; color:#0c2340 !important; }
.dnnLoginActions ul { padding:0 0 0 0 !important; }
.dnnContainerPreview .dnnSecondaryAction, .dnnSecondaryAction, a.dnnSecondaryAction, .dnnPrimaryAction, a.dnnPrimaryAction { color:#ffffff !important; }
#dnn_ctr435_Feedback_divSubject2 .dnnLabel, #dnn_ctr435_Feedback_divMessage .dnnLabel, #dnn_ctr435_Feedback_divName .dnnLabel, #dnn_ctr435_Feedback_divTelephone .dnnLabel, #dnn_ctr435_Feedback_divEmail .dnnLabel { display: none !important; }
#dnn_ctr435_Feedback_divName, #dnn_ctr435_Feedback_divTelephone { width: 50% !important; float: left; box-sizing: border-box; padding-right: 10px; }
#dnn_ctr435_Feedback_divTelephone { padding-right: 0; }
#dnn_ctr435_Feedback_divSubject2 input, #dnn_ctr435_Feedback_divName input, #dnn_ctr435_Feedback_divTelephone input, #dnn_ctr435_Feedback_divEmail input { font-size:16px; width: 100% !important;	max-width:100% !important; height: 50px !important; border-radius: 30px !important; padding: 0 15px; box-sizing: border-box; border: 1px solid #ccc; }
#dnn_ctr435_Feedback_divMessage textarea { font-size:16px;  width:100% !important; max-width:100% !important; border-radius:10px !important; padding:20px 15px; box-sizing: border-box; border: 1px solid #ccc; }
.ModDNNFeedbackC h3 { color:#646464; display:none; }
.ModDNNFeedbackC .dnnPrimaryAction { width:100% !important; background:#0d9488 !important; max-width:100% !important; height:50px !important; border-radius: 30px !important; padding:12px 15px 10px;  }
.ModDNNFeedbackC .dnnPrimaryAction:hover { background:#0c2340 !important; color:#ffffff !important;  }
.ModDNNFeedbackC .dnnActions li  { float:none; margin:0; }
.ModDNNFeedbackC ul.dnnActions  { padding:20px 0 0 0; }
.ModDNNFeedbackC .dnnPrimaryAction:hover { background:#0c2340 !important; }
#dnn_ctr435_Feedback_plCharCount { width: 170px; float: left; padding: 0 0 0px 0; font-size:14px; }
#dnn_ctr435_Feedback_CharCount { font-weight:600; font-size:14px; }
/*========================================================*/
/*  Bootstrap Class                                       */
/*========================================================*/
.container {}
.thumbnail {}
.img-responsive {}
.clearfix {}
.modal-dialog { width:800px !important;}
.nopadl { padding:0 15px 0 0 !important; }
.nopadr { padding:0 0 0 15px !important; }
.nopad { padding:0 !important; } 
.fot2 { padding:27px 0 0 50px; }
.fot3 { padding:27px 0 0 0; }
/*========================================================*/
/*  Default DNN Links Tokens                              */
/*========================================================*/
a:link, a:visited, a:active { color:#044F7C; font-family:'Inter', sans-serif; font-weight:400; font-size:17px; text-decoration:none; line-height:28px; }
a:hover { color:#111111 !important; text-decoration:none !important; }
a:active { outline:none !important; } :focus {outline:0 !important; }
.terms_privacy, a.terms_privacy:link, a.terms_privacy:visited, a.terms_privacy:active { color:#ededed; font-family:'Inter', sans-serif; font-size:14px; font-weight:400; text-decoration:none;  position: relative; }
a.terms_privacy:hover { text-decoration:none !important; color:#ffffff !important; }
a.terms_privacy::after { content:""; position:absolute; transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1); left:0; bottom:-2px; width:0; height:1px; background-color:#ffffff; transition:width 0.3s ease; }
a.terms_privacy:hover::after { width:100%; }
.bottomlinks, a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active { color:#444444 !important; font-family:'Inter', sans-serif; font-size:13px; font-weight:500; text-decoration:none; transition:color 0.5s; -moz-transition:color 0.5s; -webkit-transition:color 0.5s;  -o-transition:color 0.5s; }
a.bottomlinks:hover { text-decoration:none !important; color:#222222 !important;} .bottomlinks span { color:#444444;}
.breadcrumb, a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active { display:inline-block; color:#ffffff; font-family:'Inter', sans-serif; font-size:18px; font-weight:500; text-decoration:none;}
a.breadcrumb:hover { text-decoration:underline !important; color:#ffffff !important; }
.reg_login, a.reg_login, a.reg_login:link, a.reg_login:visited, a.reg_login:active { font-family:'Inter', sans-serif; font-weight:500; font-size:16px; color:#007d79; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px; } 
a.reg_login:hover { text-decoration:underline; color:#000000 !important;  }
.read-more, a.read-more, a.read-more:link, a.read-more:visited, a.read-more:active {  font-family:'Inter', sans-serif; font-weight:600; font-size:16px; display:inline-block; color:#ffffff; text-decoration:none; padding:15px 30px 15px 30px; background:#044F7C; } 
a.read-more:hover { background:#0B2F44 !important; color:#ffffff !important;  }
.flink, a.flink:link, a.flink:visited, a.flink:active { color:#ffffff; background:url(Images/ico-footer-arrow.svg) center right no-repeat; font-family:'Inter', sans-serif; font-weight:600; font-size:16px; text-decoration:none; padding:15px 0 15px 0; margin:0 40px 0 0; display:block; }
a.flink:hover { color:#000000 !important; }
.btn-blue, a.btn-blue:link, a.btn-blue:visited, a.btn-blue:active { color:#ffffff; background:#0181F5; font-family:'Inter', sans-serif; font-weight:600; font-size:16px; text-decoration:none; padding:15px 25px 15px 25px;}
a.btn-blue:hover { color:#005988; }
.btn-sub, a.btn-sub, a.btn-sub:link, a.btn-sub:visited, a.btn-sub:active {  font-family:'Inter', sans-serif; font-weight:500; font-size:15px; display:inline-block; color:#ffffff; text-decoration:none; padding:5px 15px 5px 15px; background:#2e3a40; } 
a.btn-sub:hover { background:#044f7c !important; color:#ffffff !important;  }
.get-started, a.get-started:link, a.get-started:visited, a.get-started:active { background:#0D9488; font-family:'Inter', sans-serif; font-weight:500; font-size:15px; display:inline-block; color:#ffffff; text-decoration:none; padding:5px 15px 5px 15px; border-radius:6px; transition:color 0.6s; -moz-transition:color 0.6s; -webkit-transition:color 0.6s;  -o-transition:color 0.6s; white-space:nowrap; }
a.get-started:hover { background:#0f766e; color:#ffffff !important; }
/*========================================================*/
/*  Default DNN Static Tokens                             */
/*========================================================*/
.Copyright { font-family:'Inter', sans-serif; font-size:13px; font-weight:500; color:#0c2340; }
.SubHead { font-family:'Inter', sans-serif;font-size:12px; font-weight:500; color:#0c2340;}
.SubHead span { font-family:'Inter', sans-serif; font-size:12px; font-weight:500; color:#0c2340;}
.Head { font-family:'Inter', sans-serif; font-size:18px; color:#ff0000; font-weight:600; padding:0 0 2px 0;}
/*========================================================*/
/*  Other used Text                                       */
/*========================================================*/
.Normal { font-family:'Inter', sans-serif;color:#0c2340; line-height:28px; font-size:17px; font-weight:400;}
.NormalBold { font-family:'Inter', sans-serif;font-size:17px; font-weight:700; color:#0c2340; line-height:28px;}
.NormalRed { color:#e02429; font-weight:normal; font-family:Arial; font-size:14px; }
ul { margin:0; padding:0; }
li { list-style:none; font-family:'Inter', sans-serif; font-size:17px; font-weight:400; color:#0c2340; margin:0 0 5px 0; line-height:38px; padding:0; }
ol { margin:0 0 0 0; padding:0 0 0 0; }
ol li { margin:0 0 25px 25px; }
.custom ul { margin:0; padding:0; }
.custom ul li { background:url(images/icocheck.png) top left no-repeat; list-style:none; font-family:'Inter', sans-serif; font-size:17px; font-weight:400; color:#0c2340; margin:0 0 20px 0; line-height:24px; padding:0 0 0 32px; }

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/
.hbp { padding:0 0 0 0;  }
.hcp { padding:0 0 0 0; }
.ihcp { padding:0 0 0 0; }
.fwinp { padding:0 0 0 0; } 
.hddcp { padding:0 0 0 0; clear:both; }
.minp { padding:0 0 0 0; }
.htcp { padding:0 0 0 0; }
.htlp { padding:0 0 0 0; }
.mlip { padding:0 50px 0 15px; }
.mrip { padding:0 15px 0 50px; }
.smlp { padding:0 30px 0 15px; }
.smrp { }
/*========================================================*/
/*  Default HTML Headings                                 */
/*========================================================*/
H1 { margin:0 0 15px 0; line-height:60px; font-weight:700; font-size:46px; color:#0f766e; font-family:'Inter', sans-serif;}
H2 { margin:0 0 15px 0; line-height:50px; font-weight:700; font-size:40px; color:#0f766e; font-family:'Inter', sans-serif;}
H3 { margin:0 0 15px 0; line-height:40px; font-weight:600; font-size:34px; color:#0f766e; font-family:'Inter', sans-serif;}
H4 { margin:0 0 5px 0; line-height:33px; font-weight:600; font-size:26px; color:#0f766e; font-family:'Inter', sans-serif;}
H5 { margin:0 0 5px 0; line-height:26px; font-weight:normal; font-size:20px; color:#0f766e; font-family:'Inter', sans-serif;}
H6 { margin:0 0 6px 0; line-height:20px; font-weight:bold; font-size:18px; color:#0f766e; font-family:'Inter', sans-serif;}
/*========================================================*/
/*  Form Object                                           */
/*========================================================*/
select, input { font-family:Arial; font-size:14px; color:#484848; }
.NormalTextBox { color:#414141; padding-left:4px; line-height:12px; font-family:'Inter', sans-serif; font-weight:normal; font-size:12px; border:1px solid #414141; background:#ffffff; }
td.NormalTextBox { padding:0; margin:0; background:transparent; border:0; }
.StandardButton { border:#414141 0px solid; font-size:11px; font-family:'Inter', sans-serif;background:#e31836; padding:3px 10px; color:#ffffff; }
/*========================================================*/
/*  Social Icons                                          */
/*========================================================*/
.list { clear:both; list-style:none; padding:0 0 0 0; margin:0 auto; position:relative; float:none; overflow:hidden; }
.list li a {color:#808080; }
.list li {line-height:40px; width:auto; float:none; color:#808080; padding:0; margin:0; }
.social-icons li {width:40px;height:40px;float:left; list-style:none; background:none; }
.social-icons li a {width:40px;height:40px;background:url(Images/social-icons.png) no-repeat 0 0;display:inline-block;float:none;}
.social-icons li .facebook {background-position:0 0;}
.social-icons li .facebook:hover {background-position:-40px 0 ;}
.social-icons li .linkedin {background-position:0 -40px;}
.social-icons li .linkedin:hover {background-position:-40px -40px;}
.social-icons li .twitter {background-position:0 -80px;}
.social-icons li .twitter:hover {background-position:-40px -80px;}
/*========================================================*/
/*  Animated Burger Menu                                  */
/*========================================================*/
.titre { cursor:pointer;  z-index:299; margin:2px 5px 0 0;  }
.tcon::before { color:#0c2340; position:relative; top:5px; margin:0 12px 0 0; }
.tcon { -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; cursor:pointer; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; height:30px; transition:0.3s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:40px; background:transparent; outline:none; -webkit-tap-highlight-color:transparent; }
.tcon > * { display:block; }
.tcon:hover, .tcon:focus { outline:none; }
.tcon::-moz-focus-inner { border:0; }
.tcon-menu__lines { display:inline-block; height:3.71429px; width:30px; transition:0.3s; background:#0c2340; position:relative; }
.tcon-menu__lines::before, .tcon-menu__lines::after { display:inline-block; height:3.71429px; transition:0.3s; background:#0c2340; content:''; position:absolute; left:0; -webkit-transform-origin:2.85714px center; transform-origin:2.85714px center; width:100%; } 
.tcon-menu__lines::before { top:8px; }
.tcon-menu__lines::after { top:-8px; }
.tcon-transform .tcon-menu__lines { -webkit-transform:scale3d(0.8, 0.8, 0.8); transform:scale3d(0.8, 0.8, 0.8); }
.tcon-menu--xbutterfly { width:auto; }
.tcon-menu--xbutterfly .tcon-menu__lines::before, .tcon-menu--xbutterfly .tcon-menu__lines::after { -webkit-transform-origin:50% 50%; transform-origin:50% 50%; transition:top 0.3s 0.6s ease, -webkit-transform 0.3s ease; transition:top 0.3s 0.6s ease, transform 0.3s ease; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines { background:transparent; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before, .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after { top:0; transition:top 0.3s ease, -webkit-transform 0.3s 0.5s ease; transition:top 0.3s ease, transform 0.3s 0.5s ease; width:30px; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before { -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); background:#ffffff; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after { -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); background:#ffffff; }
.tcon-visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
/*========================================================*/
/*  Search                                                */
/*========================================================*/
.search_bg {  background:#ffffff; float:right; width:225px; height:30px; position:relative; margin:0px 5px 0 0;}
.search, a.search:link, a.search:active, a.search:visited {  background:url(Images/search-btn.png) right top no-repeat; width:24px; height:30px;  position:absolute; right:3px; top:0px; text-indent:-99999px; overflow:hidden;}
.searchInputContainer { display:block !important; }
a.search:hover{ background:url(Images/search-btn.png) right bottom no-repeat; }
.search-box #dnn_dnnSearch_cmdSearch { display:none; }
.search-box { margin:auto !important; position:absolute; left:0; right:0; top:0px !important; width:100%; bottom:0; background-color:rgba(255,255,255,.9); height:100%; z-index:999; padding-top:25px; }
.search-box input { float:left; width:93%; height:50px; background-color:#fefefe; border:1px solid #cacaca; border-radius:3px; box-shadow:0 1px 2px hsla(0, 0%, 4%, 0.1) inset; box-sizing:border-box; color:#0a0a0a; display:block; font-family:inherit; font-size:1rem; font-weight:400; margin:0 0 1rem; padding:0 20px; transition:box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s; }

/*========================================================*/
/*  Media Styles                                          */
/*========================================================*/

@media (min-width:992px) and (max-width:3840px) {

}
@media (min-width:1200px) and (max-width:3840px) {

}
@media (min-width: 993px) and (max-width: 1199px) {

}
@media (min-width:767px) and (max-width:992px) {

}
@media (min-width:240px) and (max-width:766px){
#dnnMenu .topLevel li  body { height:100%; margin: 0 0 0 0; background:#ffffff; -webkit-font-smoothing: antialiased; }
#dnnMenu .topLevel li a div div, #dnnMenu .topLevel li a:hover div div, #dnnMenu .topLevel li a:active div div, #dnnMenu .topLevel li.breadcrumb a div div{ margin-right:0px !important; }
a div div { margin-left:0px !important; }
#pixmenu{ display:none; margin:0; overflow:hidden; float:none; position: absolute; top:0; right: 0; width: 100%; height: 100%; z-index:9999; background: #0c2340; background: linear-gradient(0deg,rgba(12, 35, 64, 1) 0%, rgba(12, 47, 92, 1) 92%); }
#jmobileicos{ visibility:visible; height:42px; z-index:58888; width:100%; padding:4px 0 0 10px; }
.xmbtn { position:absolute; z-index: 99999; margin:9px 0 0 10px; }
.xmbtn a.tsm { color:#fff; font-size:16px; font-weight:500; }
.logo img { text-align:center; max-width:200px; }
.xmbtn a.tsm img { padding:0 10px 0 0;  }
.logo { padding:0 0 0 0; float:none; max-width:100%; }
.mbile-logo { display:block; }
.mbile-logo img { display:block; margin:0 auto; text-align:center; padding:20px 0; width:100px; }
.mobile-menu { display:block; }
.header .container  { padding:0 !important; }
.get-started, a.get-started:link, a.get-started:visited, a.get-started:active { font-size:14px; padding:2px 10px 2px 10px; } 
#particles-js { display:none; }
.hero-img h1 { font-size:70px; line-height:70px; }
.hero-img h3 { font-size:30px; line-height: 40px; }
.about .col-md-7 { margin-top:0; }
.herotop { padding:0; }
.info-card { padding:0; text-align:center; }
.icon-box { position:relative; left:auto; right:auto; margin:0 auto 15px auto; top:0; }
.feature-card { padding:50px 20px 30px 20px; text-align:center; }
.feature-card p { max-width:100%; }
.geotop { padding:0 0 0 0; }
.image-card.no-hover h5 { font-size:30px; line-height:36px; }
.footer-bg2 { padding:40px 0 0 0; }
.pre-footer { padding:0 30px; }
.fabotu p { margin: 10px 0 0 0; }
.fot2 { padding: 27px 0 0 15px; }
.fot3 { padding: 27px 0 0 15px; }
.footer-bg2 { background: url(Images/footer-bg-r2.png) bottom right no-repeat; }
.footer-bg { background-image: none; }
.ihero-content { position:static; padding:20px 0; }
.ihero-img { overflow:visible; }
.ihero-img .container { max-width:inherit !important; }
.ihero-img h1 { color:#0f766e; font-size:32px; line-height:40px; margin:15px 0 15px 0; }
.ihero-img h3 { color:#1a3a5c; font-size:20px; line-height:30px; margin:0; font-weight:400; }
.ihero-img .h-100 { height:auto !important; }
.ioverlay::after { background:rgba(0, 0, 0, 0.1); }
.ibody { margin:30px 0 0 0; }
.empty { margin: 0 0 50px 0 !important; }
.intwosub { margin:0 15px 50px; padding:20px 5px; }
.about-card { padding:30px 20px 35px 20px; }
.vericorr-tab { padding: 30px 24px; font-size:15px; line-height:22px; }
.extent-card { flex-direction: column;  gap: 20px;}
.extent-card .feature-icon {  width: 100%; }
.mdcenter { text-align:left; }
.extent-card .exten-icon, .igc-card .igc-icon { width:auto; }
.xs-gap { padding:40px 0; }
.fa-card-grid { grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); }
.fa-card { padding:20px; }
.fa-card img { width: 50px; }
.geohazards:last-child p {  }
.geohazards .col-md-5 { margin:15px 0 0 0; }
.intwosub h2, .geotop h2, #dnn_ctr411_HtmlModule_lblContent h2, .mdcenter h2 { font-size: 33px; line-height: 40px; }
.teal-title { margin-bottom:50px !important; }
.feature-icon { position:relative; top:auto; right:auto; width:90px; left:auto; display:block; margin:0 auto 25px; }
.blue-2-cards .bsmsb img { float:none; margin:0 auto 25px; display:block; }
.about-card h4 { margin: 0 0 30px 0; }
.geohazards h2 { font-size:33px; line-height:40px; }
.aboutin h2 { font-size:33px; line-height:40px; }
.solwrap h2 { font-size:33px; line-height:40px; }
#dnn_ctr436_HtmlModule_lblContent h2, .teal-title .title_text { font-size:33px !important; line-height:40px !important; }
.herotop { padding:0 0 0 0; }
.oaim-top { padding:0 0 0 0; }
.clc-top { padding:0 0 0 0; }
.dsaa-top { padding:0 0 0 0; }
.cars-top { padding:0 0 0 0; }
.col-md-5:has(.img-hero-round) { margin-top:30; }
.lbs-wrap p:last-of-type { margin-bottom:0; }
.about-card p:last-of-type { margin-bottom:0; margin-top:15px; }
.about-card .custom ul li:last-of-type { margin-bottom:0; }
.geotop p:last-of-type { margin-bottom:0; }
.nbpu { margin: 0 0 10px 0 !important; }
.blue-2-cards .bsmsb { padding:35px 20px; }
#dnn_BottomRight { margin:0 0 50px 0; }
#stickyInfoTab { top:40%; }
.solution-info-panel { width:100%; z-index: 999999; }
.callnow { margin:0 0 0 -10px; }
#dnn_ctr406_HtmlModule_lblContent .col-lg-6:not(:first-child) { margin-top:10px; }
#dnn_ctr444_ModuleContent { padding:25px 0 0 0; }
.solwrap .col-md-6:not(:first-child) { margin-top:0;  }
.fixmar { margin:0 0 0 0; }
.b2csol .bsmsb h4 { margin:15px 0 15px 0 !important; }
.blue-2-cards .col-md-6:not(:first-child) { margin-top:10px; }
.blue-2-cards .bsmsb .mksp1, .blue-2-cards .bsmsb .mksp2 { height:0; }
html, body { overflow-x: hidden; }


}
@media (min-width:240px) and (max-width:600px){
.hero-img h1 { font-size:58px; line-height:60px; }
.hero-img h3 { font-size:22px; line-height:28px; }
.hero-content { padding: 0 30px; }
}
@media (min-width:240px) and (max-width:500px){
.hero-img h1 { font-size:42px; line-height:44px; }
.hero-img h3 { font-size:22px; line-height:30px; margin:10px 0 0 0; }
.hero-content { padding: 0 30px; }
.logo img { max-width: 180px;  }

}

@media (max-width: 768px) {
.image-card { height:300px; }
.image-card.no-hover .card-overlay { padding:1.5rem; }
}


@media (max-width: 768px) { 
.image-card { height: 300px; }
.image-card.no-hover .card-overlay { padding: 1.5rem; }
.image-card:not(.no-hover) h5 { font-size: 1.5rem; }

.image-card:not(.no-hover):hover .card-content { transform: translateY(-20px); }
.image-card:not(.no-hover):hover h5 { transform: translateY(-10px); }
}
@media (hover: none) {
  #stickyInfoTab.expanded .info-text {
    max-width: 220px;
    opacity: 1;
  }
}