/* ==========================================================================
  Tab-Accordian
========================================================================== */
.resp-tabs-list li{font-weight:600;font-size:13px;display:inline-block;padding:13px 15px;margin:0 4px 0 0;list-style:none;cursor:pointer;float:left}.resp-tabs-container{padding:0;clear:left}h2.resp-accordion{cursor:pointer;position:relative;display:none;background-color:#daf1ff;font-size:16px;margin:0;padding:20px}.resp-tab-content{display:none;padding:15px}.resp-tab-active{border-bottom:0 solid #fff;margin-bottom:-1px;padding:12px 14px 14px;border-bottom:none;background-color:#fff}.resp-accordion-active,.resp-content-active,.resp-easy-accordion h2.resp-accordion,.resp-tab-content-active{display:block}h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1}.resp-vtabs ul.resp-tabs-list{float:left;width:50%}.resp-vtabs .resp-tabs-list li{display:block;padding:15px;cursor:pointer;float:none}.resp-vtabs .resp-tabs-container{padding:0;background-color:#fff;float:left;width:50%;min-height:250px;border-radius:4px;clear:none}.resp-vtabs .resp-tab-content{border:none;word-wrap:break-word}.resp-vtabs li.resp-tab-active{position:relative;z-index:1;}.resp-arrow{width:10px;height:10px;border-bottom:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);top:23px}h2.resp-tab-active span.resp-arrow{border:none;border-left:2px solid #000;border-top:2px solid #000;transform:rotate(45deg);top:26px}.resp-arrow,h2.resp-tab-active span.resp-arrow{position:absolute;right:20px}h2.resp-tab-active{background:#dbdbdb}.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1}.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1}.resp-jfit{width:100%;margin:0}@media only screen and (max-width:991.8px){.resp-accordion-closed,ul.resp-tabs-list{display:none}h2.resp-accordion{display:block}.resp-vtabs .resp-tab-content{border:none}.resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none}.resp-vtabs .resp-tab-content:last-child{border-bottom:none}}


/* ==========================================================================
Nice Selector
========================================================================== */
.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:0;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5, 0, 0, 1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:0;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{background-color:#F5FAFF;color: var(--secondary);}.nice-select .option.selected{font-weight:700}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}


/*==========================================================================*/
/* Icomoon Font icons start
/*==========================================================================*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon/icomoon.eot');
  src:  url('../fonts/icomoon/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon/icomoon.woff') format('woff'),
    url('../fonts/icomoon/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-controller:before {
  content: "\e91c";
}
.icon-document:before {
  content: "\e91d";
}
.icon-nr-analytics:before {
  content: "\e90d";
}
.icon-nr-answers:before {
  content: "\e90e";
}
.icon-nr-applications:before {
  content: "\e90f";
}
.icon-nr-backups:before {
  content: "\e910";
}
.icon-nr-databases:before {
  content: "\e911";
}
.icon-nr-development:before {
  content: "\e912";
}
.icon-nr-domains:before {
  content: "\e913";
}
.icon-nr-email:before {
  content: "\e914";
}
.icon-nr-game:before {
  content: "\e915";
}
.icon-nr-networking:before {
  content: "\e916";
}
.icon-nr-platform:before {
  content: "\e917";
}
.icon-nr-security:before {
  content: "\e918";
}
.icon-nr-server:before {
  content: "\e919";
}
.icon-nr-tools:before {
  content: "\e91a";
}
.icon-nr-website:before {
  content: "\e91b";
}
.icon-roundarrow:before {
  content: "\e90c";
}
.icon-arrow-sm:before {
  content: "\e90a";
}
.icon-location:before {
  content: "\e90b";
}
.icon-phone:before {
  content: "\e907";
}
.icon-envelope:before {
  content: "\e908";
}
.icon-support:before {
  content: "\e909";
}
.icon-tick-round:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-instagram:before {
  content: "\e902";
}
.icon-linkedin:before {
  content: "\e903";
}
.icon-twitter:before {
  content: "\e904";
}
.icon-play:before {
  content: "\e905";
}
.icon-arrow:before {
  content: "\e906";
}




/*==========================================================================*/
/* Icomoon Font icons
/*==========================================================================*/

/* .tk-sofia-pro { font-family: "sofia-pro",sans-serif; }
.tk-sofia-pro-condensed { font-family: "sofia-pro-condensed",sans-serif; } */

:root {
  --primary: #14BB60;
  --primary_light:#E8FFF2;
  --secondary: #52A7FF;
  --secondary_light:#B7D8FB;
  --black: #000;
  --black_light:#263238;
  --white: #fff;
  --gray: #CACACC;
  --graylight: #F2F6FB;
  --text_color1:#5E6267;
  --text_color2:#404B55;
  --text_color3:#658099;
  --masterfont: "sofia-pro",sans-serif;
  --fontweight: 400;
  --radius_md: 19px;
  --radius_sm: 10px;
  --radius_xsm: 4px;

  --icon_font: 'icomoon';
}

html,
body {
  height: 100%;
}

body {
  font-family: var(--masterfont);
  font-weight: var(--fontweight);
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: unset;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

::selection {
  background: var(--primary);
  /* Safari */
  color: #fff;
}

::-moz-selection {
  background: var(--primary);
  /* Firefox */
  color: #fff;
}

/* Remore Input Number Arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
/* Remore Input Number Arrows */
*{
  margin: 0;
  padding: 0;
  /* border: solid 1px red; */
}
a, a:hover { 
  color: var(--primary);
  transition: 0.3s ease-in;
}
a:focus, input:focus, textarea:focus, button:focus {
  outline: none;
  text-decoration: none;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
  color: var(--black);
  font-weight: 700;
}
h1 {
  font-size: 60px;
}
h2 {
  font-size: 50px;
}
h3 {
  font-size: 40px;
}
h4 {
  font-size: 36px;
}
h5 {
  font-size: 30px;
}
figure {
  margin: 0;
  padding: 0;
}
p{
  color: var(--text_color2);
  font-size: 16px;
  line-height: normal;
  margin: 0;
}
label{
  cursor: inherit;
}
.form-control:focus{
  box-shadow: none;
}
.form-control::-webkit-input-placeholder {
  color:var(--black);
}
.form-control::-moz-placeholder {
 color:var(--black);
 opacity:  1;
}
.form-control::-ms-input-placeholder {
 color:var(--black);
}
.form-control::placeholder {
 color:var(--black);
}
/*=====================================
Commen tags styles End
======================================= */

.nr-btn{text-decoration: none; display: inline-block; padding: 18px 30px; border-radius: 5px; font-size: 18px; border: none; text-align: center; font-weight: 600; }
.nr-btn:hover{color: var(--white); opacity: 0.8;}

.primary-solid{background-color: var(--primary); color: var(--white);}
.primary-solid:hover{background-color: var(--primary); color: var(--white);}

.primary-border{background: transparent; box-shadow: inset 0 0 0 2px var(--primary); color: var(--primary);}
.primary-border:hover{color: var(--primary);}

.white-solid{background-color: var(--white); color: var(--black); font-weight: 700;}
.white-solid:hover{background-color: var(--primary); color: var(--black);}

.white-border{background: transparent; box-shadow: inset 0 0 0 1px var(--white); color: var(--white); padding-right: 30px;}
.white-border:hover{opacity: 0.8;}

.dark-border{background: transparent; box-shadow: inset 0 0 0 1px var(--black_light); color: var(--black_light); padding-right: 30px;}
.dark-border:hover{color: var(--white); background-color: var(--black_light); box-shadow: inset 0 0 0 1px var(--black_light);}

.secondary-border{background: transparent; box-shadow: inset 0 0 0 1px var(--secondary); color: var(--secondary); padding-right: 30px;}
.secondary-border:hover{color: var(--white); background-color: var(--secondary); box-shadow: inset 0 0 0 1px var(--secondary);}

.nr-btn.btn-sm{padding: 4px 12px 8px 12px; font-size: 16px;}
.nr-btn.btn-md{padding: 14px 20px; font-size: 16px;}
.nr-btn.with-ico span{margin-left: 15px; vertical-align: bottom}

/* ==========================================================================
Header
========================================================================== */

.nr-header.header__main {width: 100%; position: absolute; z-index: 1; /*top: 0; left: 0;*/ padding: 10px 0;}
.nr-header.sticky-header {background-color: var(--black); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); position: fixed; width: 100%; line-height: 55px; padding: 5px 0; top: 0; animation:slide-down 0.7s; z-index: 100;}
.nr-header.sticky-header .mobile-menu a.menu-toggle {top: 5px;}
.nr-header.sticky-header .logo img {height: 40px;}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.header-main {display: flex; justify-content: space-between; align-items: center;}
.logo {height: 65px; display: flex; position: relative; align-items: center; height: 100%;}
.logo > a {display: inline-block;}
.logo > a > img {height: 65px;}

.nr-header.sticky-header .downloadinfo-right ul{height: 40px;}
.nr-header.sticky-header .downloadinfo-right ul li a{line-height: 40px;}

.main-nav.navbar{padding: 5px 0;}
.main-nav .navbar-nav{align-items: center; line-height: normal;}
.main-nav .nav-link{color: var(--white); font-weight: 700; padding: 12px !important;}
.main-banner .roundtick-list{display: flex; flex-wrap: wrap; gap:10px; margin-top: 50px; font-weight: 700;}
.main-banner .roundtick-list li{width: 49%; margin-bottom: 20px; font-size: 20px;}
.main-banner .roundtick-list li:last-child{margin-bottom: 0;}

.main-header .navbar-expand-xl .navbar-collapse {justify-content: end;}
.main-header .navbar-toggler{border: none; padding: 10px; border-radius: 0; background-color: var(--secondary);}
.main-header .navbar-toggler:focus{box-shadow: none;}
.main-header .navbar-toggler-icon{width: 32px; height: 32px; background: url(../images/navicon-white.svg) no-repeat; background-size: 80%; background-position: center;}

.header-main {display: flex; justify-content: space-between; align-items: center;}
/* header.nr-header.header__main.main-header.sticky {
  position: fixed;
  background: #000;
  transition: all 0.2s ease-in-out;
} */

/*======================================== Menu Style End =======================================*/
.downloadinfo-right{background-color: var(--white); border-radius: 30px; padding: 0 30px;}
.downloadinfo-right ul{display: flex;}
.downloadinfo-right ul li a{position: relative; text-decoration: none; color: var(--black_light); font-weight: 700; padding-left: 40px; line-height: 50px;}
.downloadinfo-right ul li a:hover{color: var(--primary);}
.downloadinfo-right ul li a::before{content: ""; width: 25px; height: 25px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); background: url(../images/icon-clouddownload.svg) no-repeat}
.downloadinfo-right ul li{margin-right: 10px; line-height: normal;}
.downloadinfo-right ul li:last-child{margin-right: 0;}

.nt-container{padding-left: 20px; padding-right: 20px; margin: 0 auto; max-width: 2000px;}
.topbar .container-fluid, .nr-header .container-fluid{max-width: 2000px; padding-left: 30px; padding-right: 30px;}

.section-white{background-color: var(--white); padding: 80px 0; margin: 0;}
.section-gray{background-color: var(--graylight); padding: 80px 0; margin: 0;}
.green-lbl{background-color:var(--primary); color: var(--white); padding: 3px 10px; border-radius: 3px;}
.mt-more{margin-top: 55px;}

.nr-label{display: inline-block; font-size: 14px; font-weight: 700; line-height: 21px; border-radius: 15px; padding-right: 15px; padding-left: 15px; border-width: 1px; border-style: solid;}
.nr-label.green{border-color: var(--primary); color: var(--primary); background-color: var(--primary_light);}
.nr-label.gary{border-color: var(--text_color3); color: var(--text_color3); background-color: var(--white);}

/*set-as-bg*/
.make-bg{display: none;}

.main-banner{min-height: 600px; background-position: left; background-size: cover; padding-top: 120px; padding-bottom: 110px;}
.banner-image img{width: 100%; max-width: 695px;}
.banner-text h6{color: #88F0F6; font-size: 20px;}
.banner-text h1{color: var(--white); margin: 0; padding: 0 0 10px 0; max-width: 570px;}
.banner-text p{color: var(--white); line-height: normal; font-weight: 400; max-width: 550px; font-size: 20px; margin: 0;}

.banner-text .action{display: flex; align-items: center; margin-top: 30px;}
.banner-text .figure_set{margin-right: 50px;}
.banner-text .figure_cap{display: block; font-weight: 700; font-size: 18px; color: var(--secondary_light);}
.banner-text .figure_amount{display: block; color: var(--white); font-size: 48px; font-weight: 700;}
.banner-text .banner-labal{font-size: 26px; font-weight: 500; color: var(--white); padding: 10px 15px; border-radius: 50px; display: inline-block; margin-bottom: 10px;}
.main-banner .quickservice-bluetab{margin-top: 85px;}

.quickservice-bluetab{color: #fff; font-size: 18px; font-weight: 600;}
.quickservice-bluetab ul li{position: relative; display: inline-block; padding-left: 32px; margin-right: 45px;}
.quickservice-bluetab ul li:last-child{margin-right: 0;}
.quickservice-bluetab ul li::after{content: ""; width: 20px; height: 20px; position: absolute; left: 0; top: 5px; background: url(../images/skyblue-tick.svg) no-repeat; background-size: contain;}

.section-heading{margin-bottom: 45px;}
.section-heading p{font-size: 18px; color: var(--text_color2); margin: 0;}
.section-heading h2, .section-contant h2{font-size: 60px; margin-bottom: 15px;}
.section-heading h3, .section-contant h3{font-size: 50px; margin-bottom: 15px;}
.section-contant p{font-size: 18px; margin: 0 0 15px 0;}
.section-heading h2 span, .section-heading h3 span{display: block;}

.features-quickview{background-color: #455A64; padding: 60px 0;}
.features-quickview ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 35px;}
.features-quickview ul li{color: var(--white); font-weight: 500; font-size: 18px;}
.roundtick-list li{padding-left: 30px; line-height: 24px; position: relative;}
.roundtick-list li::before{content: "";  position: absolute; left: 0; top: 3px; width: 20px; height: 20px; background: url(../images/skyblue-tick.svg) no-repeat; background-size: contain; }

.planslisting-tile{padding: 40px; background: var(--white); border: 2px solid var(--white); box-shadow: 0px 15px 25px 10px rgba(0, 0, 0, 0.04); border-radius: 15px; transition: border 0.3s ease;}
.planslisting-tile:hover{border-color: var(--primary);}
.planslisting-tile h6{font-size: 24px; margin: 0 0 22px 0;}
.green-listing li{padding: 0 0 0 30px; color: #708195; margin:0 0 14px 0; position: relative; line-height: 24px;}
.green-listing li strong{color: #000;}
.green-listing li::before{width: 20px; height: 20px; position: absolute; left: 0; top: 4px; content: ''; background: url(../images/green_listcheck.svg) no-repeat; background-size: contain;}

.gradient-listing li{padding: 0 0 0 40px; color: #708195; margin:0 0 20px 0; position: relative; line-height: 24px;}
.gradient-listing li strong{color: #000;}
.gradient-listing li::before{width: 27px; height: 27px; position: absolute; left: 0; top: 2px; content: ''; background: url(../images/gradient__tick.svg) no-repeat; background-size: contain;}

.servicebrief-tiles{display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.servicebrief-tile{width: 313px; padding: 40px; background: var(--white); border: 2px solid var(--white); box-shadow: 0px 15px 25px 10px rgba(0, 0, 0, 0.04); border-radius: 15px; transition: border 0.3s ease;}
.servicebrief-tile:hover{border-color: var(--secondary);}
.servicebrief-tile img{width: 145px; height: 105px; margin-bottom: 30px; object-fit: contain; object-position: center;}
.servicebrief-tile h5{text-align: center; margin-bottom: 15px;}
.servicebrief-tile h5 span{display: block;}
.servicebrief-tile p{text-align: center;}
.servicebrief p{text-align: center;}
.servicebrief-tile .tile-footer{margin: 34px 0 0 0; display: flex; align-items: center; justify-content: space-between;}
.figure_set label{display: block; font-size: 18px; font-weight: 700; margin-bottom: 0; color: var(--text_color1);}
.figure_set span{display: block; font-size: 48px; line-height: 48px; font-weight: 700;}
.round-arrow{width: 70px; height: 70px; font-size: 32px; line-height: 70px; padding: 0; color: var(--primary); text-align: center; border-radius: 50%; background: var(--primary_light);  border: 1px solid var(--primary);}
.round-arrow:hover{color: var(--white); background-color: var(--primary);}

.nt-gradient{
  background: rgb(20,187,96);
  background: -moz-linear-gradient(90deg, rgba(20,187,96,1) 0%, rgba(1,115,211,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(20,187,96,1) 0%, rgba(1,115,211,1) 100%);
  background: linear-gradient(90deg, rgba(20,187,96,1) 0%, rgba(1,115,211,1) 100%);
}
.nt-gradient_01{
  background: rgba(1,115,211,1);
  background: -moz-linear-gradient(90deg, rgba(1,115,211,1) 0%, rgba(20,187,96,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(1,115,211,1) 0%, rgba(20,187,96,1) 100%);
  background: linear-gradient(90deg, rgba(1,115,211,1) 0%, rgba(20,187,96,1) 100%);
}
.nt-gradient_02{
  background: rgba(20,187,96,1);
  background: -moz-linear-gradient(180deg, #52A7FF 0%, #14BB60 100%);
  background: -webkit-linear-gradient(180deg, #52A7FF 0%, #14BB60 100%);
  background:  linear-gradient(180deg, #52A7FF 0%, #14BB60 100%);
}

.resp-tabs-header{display: flex; justify-content: center; border-bottom: solid 1px var(--gray);}
.tabstyle1{border-bottom: solid 1px var(--gray);}
.tabstyle1 .resp-tab-content{padding: 0;}
.tabstyle1 .resp-tabs-list li{position: relative; font-size: 20px; padding: 15px 30px; font-weight: 700; color: var(--black_light);}
.tabstyle1 .resp-tabs-list li::after{content: ""; position: absolute; bottom: -3px; left: 0; width: 100%; height: 5px; background-color: var(--primary); border-radius: 5px; opacity: 0; transition: 0.1s ease-in-out;}
.tabstyle1 .resp-tabs-list li.resp-tab-active{background: none; color: var(--primary);}
.tabstyle1 .resp-tabs-list li.resp-tab-active::after{opacity: 1;}
.tabstyle1 h2.resp-accordion{background-color: transparent; color: var(--white); padding: 20px 15px; border-bottom: solid 1px var(--gray);}
.tabstyle1 h2.resp-tab-active span.resp-arrow{border-color: var(--white);}
.tabstyle1 h2 .resp-arrow{border-color: var(--white);}
.tabstyle1 h2.resp-tab-active{border-bottom: none;}


.folder_icon{width: 20px; height: 17px; margin-right: 10px; display: inline-block; background: url(../images/iconblue-folder.svg) no-repeat;}
.projectsource-nav .source-list{display: flex; justify-content: space-between; margin-bottom: 7px; padding: 18px 25px; background: var(--white);  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.04);  border-radius: 19px;}
.projectsource-nav .source-list:last-child{margin-bottom: 0;}
.projectsource-nav .source-list .left{font-weight: 700; color: var(--black_light);}
.projectsource-nav .source-list a{padding-right: 10px; margin-right: 10px; border-right: solid 1px var(--primary);}
.projectsource-nav .source-list a:last-child{margin-right: 0; padding-right: 0; border: none;}
.key-services .section-heading{max-width: 975px; margin: 0 auto; padding-bottom: 50px;}

.ds-features .section-heading h6{font-size: 30px; color: var(--primary); margin-bottom: 5px;}
.ds-features .section-heading h3{margin-bottom: 10px;}
.ds-features .section-heading .heading-lebal{font-size: 20px;}

.mirror-graphs-tab{padding: 80px 0;}
.mirror-graphs-tab .graph-container{margin-top: 70px;}
.mirror-graph img{width: 100%; border-radius: 20px;}
.mirror-graphs-tab .tabstyle1{border: none;}
.mirror-graphs-tab .tabstyle1 .resp-tabs-list li{color: var(--white);}
.mirror-graphs-tab .tabstyle1 .resp-tabs-list li::after{background-color: var(--white);}
.mirror-graphs-tab .resp-tabs-header{border-bottom: none; position: relative;}
.mirror-graphs-tab .resp-tabs-header::before{
  content: ""; width: 100%; height: 1px; position: absolute; bottom: -1px;
  background: rgb(201,210,205);
  background: -moz-linear-gradient(90deg, rgba(201,210,205,0) 0%, rgba(201,210,205,1) 50%, rgba(201,210,205,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(201,210,205,0) 0%, rgba(201,210,205,1) 50%, rgba(201,210,205,0) 100%);
  background: linear-gradient(90deg, rgba(201,210,205,0) 0%, rgba(201,210,205,1) 50%, rgba(201,210,205,0) 100%);
}


/***/
.info-communities .section-heading{max-width: 1012px; margin: auto;}
.network-link{padding: 100px 0;}
.info-communities p{color: var(--text_color1);}

.brief-communitieswork .section-image{position: relative; padding-left: 100px; margin-top: 50px;}
.brief-communitieswork .section-image img{max-width: 452px; width: 100%;}
.peering-note{background-color: var(--black_light); position: absolute; right: 20px; top: -40px; width: 280px; padding: 22px 25px; border-radius: 23px; color: var(--white);}
.peering-note h6{line-height: normal; color: var(--white); margin: 0 0 5px 0;}
.peering-note li{color:#DFE6EA}
.peering-policy .section-heading{max-width: 951px; margin: auto;}

.contact-section{background-color: #051F38; padding: 65px 0 100px;}
.contact-section .section-heading{max-width: 663px; width: 100%; margin: auto;}
.contact-section .section-heading h2{color: var(--white);}
.contact-section .section-heading p, .contact-section .section-heading p a{color: #D6DCE1;}
.contact-section .section-heading p a:hover{color: var(--secondary);}

.footer-contact{margin-top: 80px;}
.footer-contact .box-light{padding: 34px; padding-top: 92px; border-radius: 15px; background-color: #1A3248; position: relative;}
.footer-contact .box-light h6{color: var(--white); font-size: 20px; margin: 0 0 19px 0;}
.footer-contact .box-light p{color: #5D7184; line-height:22px; margin-bottom: 5px;}
.footer-contact .box-light p strong{color: var(--text_color3);}
.footer-contact{display: flex; column-gap: 25px; row-gap: 50px; justify-content: center;}
.footer-contact .wp-20{width: 20%;}
.footer-contact .wp-25{width: 25%;}
.footer-contact .wp-35{width: 35%;}

.ft-rounticons{position: absolute; top: -33px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; padding: 6px; width: 66px; height: 66px; text-align: center; border: solid 6px #051F38; border-radius: 50%;}
.ft-flagicon{background-color: #D9D9D9;}
.ft-rounticons img{height: 40px;}
.ft-phone{background-color: var(--secondary);}
.ft-message{background-color: var(--primary);}
.ft-phone img{height: 26px;}
.ft-message img{height: 19px;}

.brief-multihomed .section-image{max-width: 550px; margin: auto; width: 100%;}
.brief-multihomed .section-image img{width: 100%;}
.brief-multihomed .section-contant{padding-left: 50px;}
.brief-multihomed .section-contant h4{margin-bottom: 15px;}
.brief-multihomed .gradient-listing{margin-top: 30px;}
.brief-multihomed .gradient-listing h6{font-size: 22px; color: var(--black); margin-bottom: 10px;}
.brief-multihomed h4  span{display: block; margin-bottom: 10px;}
.achievement-counts{width: 270px; margin-left: 100px; margin-top: -60px;}
.achievement-counts ul{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}
.achievement-counts li{max-width: 130px; height: 121px; font-weight: 300; text-align: center; color: var(--white); border-radius: 18px; background-color: var(--black_light); padding: 10px 10px;}
.achievement-counts li h6{font-size:38px; color: var(--white); font-weight: 500;}

.peering-subead{text-align: center; margin-top: 50px;}
.peering-subead .blue-highlight{background: var(--secondary); color: var(--white); border-radius: 3px; padding: 2px 5px;}
.peering-subead h5{margin-bottom: 29px;}
.peering-subead h5 .nr-btn{margin-left: 10px;}

.repo-table{margin-top: 50px; background-color: #3E4A56; padding: 20px; padding-bottom: 40px; padding-top: 0; border-radius: 10px;}
.repo-table .ms-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--white);
}
.repo-table .ms-table td,
.repo-table .ms-table th {
  padding: 12px 15px;
  text-align: left;
  font-size: 16px;
}
.repo-table .ms-table td {
  border: solid 2px var(--black);
}

.repo-table .ms-table th {
  background-color: #008DFF;
  color: #ffffff;
}
.repo-table .ms-table tr td:first-child{border-left: none;}
.repo-table .ms-table tr td:last-child{border-right: none;}
.repo-table .ms-table tr:first-child td{
  border-top: none;
}
.repo-table .ms-table tr:last-child td{
  border-bottom: none;
}
.repo-table .ms-table thead{position: relative;}
.repo-table .ms-table thead::before{content: ""; width: 20px; height: 48px; background-color: #008DFF; left: -20px; top: 0; position: absolute; border-radius: 10px 0 0 0;}
.repo-table .ms-table thead::after{content: ""; width: 20px; height: 48px; background-color: #008DFF; right: -20px; top: 0; position: absolute; border-radius: 0 10px 0 0;}
/*responsive*/

.bgp-graph{margin-top: 50px;}
.bgp-graph h5{font-size: 30px; margin-bottom:50px; text-align: center;}

.bgp-card .card-heading{background-color: var(--secondary); padding: 12px 20px; color: #fff;  border-radius: 10px 10px 0 0;}
.bgp-card .card-heading h6{color: #fff; font-size: 22px;}
.bgp-card .card-body{background-color: var(--white); border-radius: 0 0 10px 10px; padding: 25px;}
.bgp-card .card-body p{margin: 0 0 20px 0;}
.bgptable-wraper{background-color: #3E4A56; padding: 30px 15px; border-radius: 14px;}
table.ms-table{margin-bottom:0;}
.bgptable-wraper table td{border: solid 1px #2d363f; color: #DFE6EA; padding: 10px 6px;}
.bgptable-wraper table tr td:first-child{border-left: none;}
.bgptable-wraper table tr td:last-child{border-right: none;}
.bgptable-wraper table thead td{color:#919F9F; border-top: none;}
.ms-table.table>:not(:first-child){border-top: none;}
.ms-table.table thead tr{vertical-align: middle;}
.ms-table.table thead td{text-align: center; font-size: 12px; line-height: 14px; text-transform: uppercase;}
.ms-table.table thead td:first-child{text-align: left;}
.ms-table.table thead td:last-child{text-align: right;}
.tbl-style1.table tbody tr td:last-child{text-align: right;}

.bgptable-wraper .buttons-holder{display: flex; gap: 9px;}
.bgptable-wraper .buttons-holder li{width: 32%;z-index: 10;}
.nr-btn.bgp-area{position: relative; justify-content: center; width: 100%; font-size: 15px; font-weight: 500; line-height: normal; padding: 10px 15px; padding-right: 40px; height: 65px; display: flex; align-items: center; transition: 0.2s ease;}
.nr-btn.bgp-area span{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: rgba(4, 2, 22, 0.5); color: var(--white); font-size: 12px; display: inline-block; height: 18px; width: 18px; line-height: 18px; text-align: center; border-radius: 50%; transition: 0.2s ease;}
.nr-btn.bgp-area:hover{background-color: var(--secondary);}
.nr-btn.bgp-area:hover span{background: rgba(4, 2, 22, 0.2)}

.bgp--row3{align-items: flex-end;}
.bgp--row2{margin-top: 200px;}
.table.ms-table .numeric-style1{width: 21px; height: 21px; border-radius: 50%; text-align: center; line-height: 18px; display: inline-block; margin-right: 20px; background: #EFEFEF; color: #3E4A56;}
.bgpgraph-wraper .bgp--row2{margin-top: 180px; justify-content: end;}
.bgpgraph-wraper .bgp_card_01{margin-top: 132px;}
.bgpgraph-wraper .bgp_card_03{margin-top: 132px;}
.bgpgraph-wraper .bgp_card_09{margin-bottom: 80px;}

.bgpgraph-wraper .bgp_card_01,
.bgpgraph-wraper .bgp_card_02,
.bgpgraph-wraper .bgp_card_03,
.bgpgraph-wraper .bgp_card_04,
.bgpgraph-wraper .bgp_card_05,
.bgpgraph-wraper .bgp_card_06,
.bgpgraph-wraper .bgp_card_07,
.bgpgraph-wraper .bgp_card_08{position: relative;}

.bgpgraph-wraper .bgp_card_01::before,
.bgpgraph-wraper .bgp_card_02::before,
.bgpgraph-wraper .bgp_card_03::before,
.bgpgraph-wraper .bgp_card_04::before,
/* .bgpgraph-wraper .bgp_card_05::before, */
.bgpgraph-wraper .bgp_card_06::before,
.bgpgraph-wraper .bgp_card_07::before,
.bgpgraph-wraper .bgp_card_08::before{content: ""; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 1;}

.bgpgraph-wraper .bgp_card_01::before{right: -125px; top: 45px; width: 178px; height: 143px; background-image: url(../images/bgp_arrow--01.svg);}
.bgpgraph-wraper .bgp_card_02::before{right: -100px; top: 180px; width: 178px; height: 143px; background-image: url(../images/bgp_arrow--02.svg);}
.bgpgraph-wraper .bgp_card_03::before{left: -523px; bottom: -180px; width: 580px; height: 232px; background-image: url(../images/bgp_arrow--03.svg);}
.bgpgraph-wraper .bgp_card_04::before{right: -168px; top: 175px; width: 200px; height: 100px; background-image: url(../images/bgp_arrow--04.svg);}
.bgpgraph-wraper .bgp_card_05::before{left: -290px; bottom: -107%; width: 393px; height: 358px; background-image: url(../images/bgp_arrow--05.svg);}
.bgpgraph-wraper .bgp_card_06::before{right: -155px; bottom: -70px; width: 193px; height: 124px; background-image: url(../images/bgp_arrow--06.svg);}
.bgpgraph-wraper .bgp_card_07::before{left: -104%; bottom: -143px; width: 514px; height: 178px; background-image: url(../images/bgp_arrow--07.svg);}
.bgpgraph-wraper .bgp_card_08::before{right: -156px; top: 215px; width: 182px; height: 167px; background-image: url(../images/bgp_arrow--08.svg);}

.bgpgraph-wraper .pl-80{padding-left: 80px;}

.card-body .bgptable-wraper ul li {
  border: solid 1px #2d363f;
  color: #DFE6EA;
  padding: 10px 6px;
}
.card-body .bgptable-wraper ul li .numeric-style1 {width: 21px; height: 21px; border-radius: 50%; text-align: center; line-height: 18px; display: inline-block; margin-right: 20px; background: #EFEFEF; color: #3E4A56;}



/*Support Details*/
.support-chat-bottom{padding-top: 25px;}
.support-chat-bottom .row{align-items: center;}
.support-chat-bottom .text-contant h1{color: var(--white); font-size: 64px;}
.support-chat-bottom .text-contant p{color: rgba(229, 255, 241, 1); font-size: 20px; font-weight: 600; margin-top: 10px;}
.support-chat-bottom .support-chat-image{text-align: center;}
.support-chat-bottom .support-chat-image img{min-height: 380px; object-fit: contain; object-position: bottom; -o-object-fit: contain; -o-object-position: bottom;}
.condact-support{position: relative; padding: 30px 30px 30px 80px; background: rgba(255, 255, 255, 0.2); border-radius: 18px;}
.condact-support span{display: block; color:rgba(158, 235, 218, 1); display: block; font-size: 16px; margin: 0;}
.condact-support h6{font-size: 18px; color: var(--white); font-weight: 700; margin: 0;}
.condact-support i{margin: 0 15px 0 0; font-size: 32px; color: white;}
.condact-support.email::before, .condact-support.phone::before{font-family: var(--icon_font); position: absolute; top: 35px; left: 30px; color: var(--white); font-size: 36px; line-height: 49px;}
.condact-support.email::before{content: '\e908';} 
.condact-support.phone::before{content: '\e907';} 
.needhelp-right{padding: 50px 0;}


/* Contact */
.get-quote .form-fields{display: flex; flex-wrap: wrap; gap: 20px;}
.get-quote .form-field{width: 48%;}
.get-quote .nice-select .list{width: 100%;}
.contact-form textarea{height: calc(100% - 30px);}
.contact-form label{color: var(--text_color2);}



/*Footer*/
footer{background: #051F38; padding: 80px 0; color: var(--white);}
footer h6{font-size: 18px; color: var(--white); margin-bottom: 20px;} 
.footer-logo{display: block;}
.footer-logo img{height: 52px;}
footer .social-links {display: flex; color: var(--white);}
footer .social-links a{width: 38px; height: 38px; background-color: #1E3448; border-radius: 50%; text-align: center; line-height: 38px; display: inline-block; text-decoration: none; color: var(--white);}
footer .social-links a:hover{color: var(--primary);}
footer .social-links li{margin-right: 10px; display: inline-block;}
.footer-links li{margin-bottom: 0;}
.footer-links li:last-child{margin-bottom: 0;}
.footer-links a{color: #658099; text-decoration: none; transition: 0.2s ease;}
.footer-links a:hover{color: var(--primary);}
.footer-bottom{display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.footer-left{display: flex; align-items: flex-start; gap: 20px; flex-direction: column;}
.footer-right{display: flex; align-items: flex-end; gap: 20px; flex-direction: column;padding: 34px 0 0 0;}
.payment-metheord ul li{display: inline-block; margin-right: 5px;}
.payment-metheord ul li img{border-radius: 3px; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.13);}
.copyright-text p{font-size: 14px; font-weight: 500; color: var(--white);}
.copyright-text a{text-decoration: none; color: var(--white); color: #90BDD7;}
.copyright-text li{display: inline-block; margin-right: 10px;}
.copyright-text li:last-child{margin-right: 0;}
footer ul.footer-links {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* Inner banenr */
.inner-banner {
  min-height: 380px;
}


/* policy-contents */
.policy-contents {
  width: 100%;
  padding: 80px 0;
}
.policy-contents .container {
  display: flex;
  gap: 80px;
  justify-content: space-between;
}
.policy-content-left {
  width: 50%;
}
.policy-content-right {
  width: 50%;
}
.policy-contents .container h3 {
  font-size: 32px;
  margin: 0 0 20px 0;
}
.policy-contents .container h4 {
  font-size: 20px;
  margin: 0 0 10px 0;
}
.policy-contents .container p {
  margin: 10px 0 20px 0;
}
.policy-contents ul {
  width: 100%;
}
.policy-contents ul li {
  padding: 0 0 0 16px;
  margin: 0 0 15px 0;
  position: relative;
}
.policy-contents ul li span {
 color: var(--secondary);
}
.policy-contents ul li::before {
  content: '';
  width: 9px;
  height: 9px;
  top:8.8px;
  left: 0;
  border-radius: 100%;
  background: var(--secondary);
  position: absolute;
}
.policy-contents ul.plain li {
  padding: 0;
  margin: 0 0 15px 0; 
}
.policy-contents ul.plain li::before {
 display: none;
}

/* BGP communities-list */
.bgp-communities-list {
  width: 100%;  
  padding: 80px 0 40px 0;
}
.bgp-communities-list .card-body {
  background-color: var(--graylight);
}
.bgp-communities-list .bgp-communities-list-items {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 30px 100px;
}
.bgp-communities-list h5 {
 text-align: center;
 margin: 0 0 50px 0;
}
.bgp-communities-list .bgp-communities-list-items ul li span {
  color: var(--secondary);
}
.container-area {
  padding: 0 0 80px 0;
}

/*Info lists bgp communities */
.info-lists {
  width: 100%;
  padding: 80px 0;

}
.info-lists h5 {
 text-align: center;
 margin: 0 0 50px 0;
}
.info-lists-data h6 {
  font-size: 22px;
  color: #222;
  font-weight: 700;
  margin: 0 0 15px 0;
}
.info-lists-contents {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.info-lists-data {
  width: 450px;
  margin: 0 0 30px 0;
}
.info-lists-data ul li span {
  display: inline-block;
color: var(--secondary);
width: 82px;
}

/* peering policy */
.peering-policy-list {
  width: 100%;  
  padding: 50px 0 0 0;
}
.peering-policy-list .policy-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 0 30px 0;
}
.peering-policy-list .policy-list ul {
 width: 350px;
}
.peering-policy-list .policy-list ul li span {
  display: inline-block;
 color: var(--secondary); 
}