a{

	text-decoration:none !important;

}



.advserv_left .nav-link:first-child {

  border-top: 2px solid #00b2ff;

}



.main_header_section {

    position: relative;

    background-color: #fff;

}

.logo_side {

    width: 35%;

}

.menu_side {

    width: 45%;

}

.btn_side {

    width: 20%;

}

.menu_side ul{

list-style: none;

    margin: 0;

    padding: 0;

}



.main_header_section .btn_theme a {

    padding: 10px 20px !important;

}

.btn_theme a {

    display: inline-block;

    padding: 20px 41px;

    background-color: #01acff;

    color: #fff;

    border-radius: 7px;

    font-size: 14px;

    transition: .3s;

	text-decoration: none;

}

.btn_light a {

    display: inline-block;

    padding: 8px 20px;

    border: 1px solid #000;

    border-radius: 7px;

    font-size: 14px;

    color: #000;

	text-decoration: none;

}

.btn_side .btn_theme {

    padding-left: 10px;

}



.main_menu li a::after {

    content: '';

    height: 5px;

    width: 100%;

    background-color: #01acff;

    position: absolute;

    bottom: 0;

    left: 0;

    opacity: 0;

}



.main_menu li a::before {

    content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    background-color: #01acff;

    bottom: 0px;

    left: 50%;

    transform: translateX(-50%) rotate(45deg);

    opacity: 0;

}



.main_menu li:hover a {

    color: #01acff;

}



.main_menu li:hover a::before, .main_menu li:hover a::after {

    opacity: 1;

}

.main_menu li a {

    display: block;

    padding: 30px 12px;

    color: #000;

    transition: .3s;

    position: relative;

    overflow: hidden;

	text-decoration: none;

}

.main_footer_section {

    padding-bottom: 0 !important;

    background-color: #04131D;

}

.single_footer_section:first-child {

    width: calc(30% - 30px);

    margin: 0 15px;

}

.single_footer_section {

    margin: 0 15px !important;

}



.single_footer_section .list_sec_footer > p {

    font-size: 18px;

    font-weight: 600;

}

.spacerT {

    padding-top: 90px;

}

.footer_menu li a {

    display: block;

    padding: 6px 0;

    font-size: 15px;

    color: #fff;

    transition: .3s;

	text-decoration: none;

}



.border_bottom {

    width: 50px;

    height: 3px;

    background-color: #01acff;

    margin-top: 7px;

    margin-bottom: 20px;

}



.single_footer_section .list_sec_footer > p {

    font-size: 18px;

    font-weight: 600;

	color:#fff;

}



.single_footer_section > p {

    font-size: 18px;

    font-weight: 600;

	color: #fff;

}

.single_footer_section {

    width: calc(12% - 30px);

    margin: 15px;

}

ul.footer_menu {

    list-style: none;

    padding: 0;

}



.single_footer_section:nth-child(4) {

    width: calc(16% - 30px);

    margin: 0 15px;

}

.single_footer_section:last-child {

    width: calc(30% - 30px);

    margin: 15px;

}



.btn_price_1 a, .btn_price_1 > div {

    display: inline-block;

    padding: 12px 20px;

    background-color: #01acff;

    color: #fff;

    font-weight: 500;

    border-radius: 5px;

    transition: .2s;

    text-align: center;

    cursor: pointer;

	text-decoration: none;

}



.single_footer_section .btn_price a {

    padding: 9px 15px;

    border: 1px solid #01acff;

    background-color: transparent;

    color: #fff;

    font-size: 14px;

	text-decoration: none;

	margin-top: 15px;

}

.btn_price a {

    display: inline-block;

    padding: 12px 20px;

    background-color: #01acff;

    color: var(--whiteColor);

    font-weight: 500;

    border-radius: 5px;

    transition: .2s;

    text-align: center;

}



.contact_footer_contact p{

color:#fff; 

}



.contact_footer_contact span {

    color: #fff;

    margin-top: -17px;

}



.single_footer_section:nth-child(1) > p, .single_footer_section:nth-child(1) .list_sec_footer > p {

    font-size: 14px;

    font-weight: normal;

}



.copy_right_section {

    padding: 20px 0;

    background-color: rgba(0, 0, 0, .5);

}



.copy {

    width: 50%;

}

.copy p {

    color:#ffff;

    margin-bottom: 0;



}

.copy a {

    text-decoration: none;

}

.single_footer_section img {

    margin-bottom: 20px;

}



.payment {

    width: 30%;

}

.footer_social_icon {

    width: 20%;

}



.social_icons {

    list-style: none;

    margin-bottom: 0;

}



.social_icons li a i {

    color: #fff;

    padding: 0 0 0 13px;

    font-size: 20px;

}

.inner_faqs .accordion-item button{

  box-shadow: none;

   background: none !important;

}

.inner_faqs .accordion-button {

  color: #000 !important;

  font-weight: 600;

  font-size:17px;

}



h2.nblue.text-center {

    font-weight: 700;

    margin-bottom: 34px;

    font-size: 35px;

}



/*header-css-end*/



body{

    font-family: 'Poppins', sans-serif;

}



.padding_50 {

    padding: 50px 0px;

}

.pric_table_inn {

    background: #ffffff;

    transition: all 0.5s ease 0s;

    box-sizing: border-box;

    border: 2px solid #63b6e8;

    margin-top: 40px;

    border-radius: 5px;

}

.table_title {

    padding-top: 25px;

}

.table_title h3 {

    font-size: 24px;

    color: #000;

    font-weight: 700;

}

span.plan_timing {

    font-size: 17px;

    color: #a3a3a3;

    margin: 10px 0px;

    display: inline-block;

}

.table_title p {

    font-size: 33px;

    color: #fff;

    background: #000;

    margin: 15px 20px 10px 20px !important;

    border-radius: 10px;

    padding: 10px;

}

.pric_table_inn li {

    list-style-type: none;

    padding: 12px 10px;

    font-size: 16px;

    font-weight: 500;

}

.pric_table_inn li img {

    width: 16px;

    height: 16px;

    margin-right: 10px;

}

.plan_selection select {

    width: 90%;

    margin: auto;

    border: 1px solid #ccc;

    height: 35px;

    border-radius: 3px;

    outline: none;

}

.plan_selection {

    margin: 20px 0px;

}

.buyplan_btn a {

    background: #63b6e8;

    color: #fff;

    text-decoration: none;

    border-radius: 7px;

    padding: 10px 30px;

    display: inline-block;

    margin-bottom: 30px;

    font-size: 18px;

    margin-top:10px;

}

.currency_sign {

    font-size: 23px;

    margin-right: 6px;

}

.wc_us_img img {

    border-radius: 50px 100px 50px 100px;

    box-shadow: 0.25rem 0.25rem 3rem 0rem rgb(99 182 232 / 32%);

}

.wc_us_img2 img{

    border-radius: 50px 100px 50px 100px;

    box-shadow: 0.25rem 0.25rem 3rem 0rem rgb(99 182 232 / 32%);

}

.wc_us_img:after {

    position: absolute;

    top: -50px;

    left: -50px;

    height: 200px;

    width: 200px;

    background-image: url('../image/aset022.png');

    content: '';

    z-index:-1;

    background-size: contain;

    

}

.wc_us_img{

    position:relative;

}

.wc_us_img:after {

    position: absolute;

    top: -50px;

    left: -50px;

    height: 200px;

    width: 200px;

    background-image: url('../image/aset022.png');

    content: '';

    z-index:-1;

    background-size: contain;

    

}

.padding_50{

    padding: 50px 0px;

}

.wc_us_subt{

    color: #b1adad;

}

.heading_title{ 

    font-size: 37px;

    color: #000;

}

.wc_us_content ul li {

    padding: 6px 0px;

}

.why_us_sec {

    position: relative;

}

.why_us_sec:after {

    position: absolute;

    top: 0;

    right: 0;

    bottom:0;

    width: 100%;

    height: 100%;

    content: '';

    background: url(../image/blob--medium.png);

    background-size: 35%;

    background-repeat: no-repeat;

    opacity: 0.1;

    z-index: -1;

    background-position: top right;

}



 .wc_us_img2:after {

    position: absolute;

    bottom: -50px;

    right: -50px;

    height: 200px;

    width: 200px;

    background-image: url(../image/aset022.png);

    content: '';

    z-index: -1;

    background-size: contain;

}

.wc_us_img2{

    position: relative;

}

.why_us_sec2:after {  

    background-image: url(../image/blob--medium2.png);

    background-position:bottom left;

}

.wc_us_img2:hover img {

    animation-duration: 2s;

    animation-iteration-count: infinite;

    position: relative;

    animation-name:moveimg;

    animation-timing-function: ease-in;

}

.wc_us_img2:after {

    animation-duration: 2s;

    animation-iteration-count: infinite;

    animation-name:movevector;

    animation-fill-mode: both;

    animation-timing-function: ease-in;

}

.wc_us_img:hover img {

    animation-duration: 2s;

    animation-iteration-count: infinite;

    position: relative;

    animation-name:moveimg;

    animation-timing-function: ease-in;

}

@keyframes moveimg {

  0%   { transform: translateX(0); }

  50%  { transform: translateX(-20px); }

  100% { transform: translateX(0); }

}



.wc_us_img:after {

    animation-duration: 2s;

    animation-iteration-count: infinite;

    animation-name:movevector;

    animation-fill-mode: both;

    animation-timing-function: ease-in;

}

@keyframes movevector {

  0%   { transform: translateX(0); }

  50%  { transform: translateX(20px); }

  100% { transform: translateX(0); }

}

.usa_co_location {

    background-color: #111b3e;

    background-image: url(../image/dots1-bg.png);

}



.co_location_img img{

    display: block;

    border-radius: 20px;

    box-shadow: 0.25rem 0.35rem 1.5rem 0rem rgb(99 182 232 / 47%);

    position: relative;

    z-index: 2;

}



.co_location_contnt p {

    font-size: 18px;

    line-height: 1.7;

}



.co_location_tabs .nav-pills .nav-link{

  color: #000;

    padding: 13px 30px;

    font-size: 19px;

    font-weight: 600;

}

.co_location_tabs .nav-pills .nav-link.active, .co_location_tabs .nav-pills .show>.nav-link{

    color: #000;

    padding: 13px 20px;

    font-size: 19px;

    font-weight: 600;

    background: none;

}

.co_location_tabs .nav-item {

    border-bottom: 1px solid #000;

}



.co_location_tabs .nav-link.active{

    border-bottom:2px solid #000 !important;

    border-radius:0 !important;

}



.loc_feat_box h4 {

    color: #000;

    font-weight: 600;

}

.loc_feat_box {

    padding: 30px;

    box-shadow:1px 2px 10px rgb(99 182 232 / 40%);

    margin-top: 21px;

    min-height: 400px;

    position: relative;

	transition:.3s ease;

}

.co_location_tabs {

    background: #fff;

    box-shadow: 6px 6px 30px 0px rgb(84 91 156 / 10%);

    padding:30px 50px 50px 50px;

    border-radius:10px;

    position: relative;

}

.co_location_tabs:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 120px;

    height: 100%;

    border-radius: 10px 0px 0px 10px;

    background: #00C0F7;

    z-index: 1;

}

.co_location_tabs .tab-content {

    position: relative;

    z-index: 4;

}

.loc_feat_box:hover {

    box-shadow: 0px 10px 40px rgb(99 182 232 / 40%);

    transform: scale(1.03,1.03);

    transition:.3s ease-in;

}

.dt_fc_cont {

    background: #ffffff;

    padding: 20px 15px;

    color: #000;

    border-radius: 0px 10px 10px 0px;

}



.dt_fc_img {

   box-shadow: 0px 3px 6px 2px #ccc;

    padding: 17px 10px;

    border-radius: 10px 0px 0px 10px;

    background: #000000;  

}

.dt_fc_img  img {

    filter: invert(1);

}

.loc_feat_img {

    height: 80px;

    width: 80px;

    margin: auto;

    padding: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: 1px 2px 10px rgb(255 255 255 / 79%);

    border-radius: 50%;

}

.after_icon,.before_icon {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.after_icon:after {

    border-left: 2px solid;

    border-top: 2px solid;

    content: "";

    left: 0;

    position: absolute;

    top: 0;

    transition: border-color 0.3s;

    height: 30px;

    width: 30px;

}



.after_icon:before {

    border-right: 2px solid;

    border-top: 2px solid;

    content: "";

    right: 0;

    position: absolute;

    top: 0;

    transition: border-color 0.3s;

    height: 30px;

    width: 30px;

}

.before_icon:after{

    border-left: 2px solid;

    border-bottom: 2px solid;

    content: "";

    left: 0;

    position: absolute;

    bottom: 0;

    transition: border-color 0.3s;

    height: 30px;

    width: 30px; 

}

.before_icon:before{

    border-right: 2px solid;

    border-bottom: 2px solid;

    content: "";

    right: 0;

    position: absolute;

    bottom: 0;

    transition: border-color 0.3s;

    height: 30px;

    width: 30px; 

}



.loc_feat_box:hover {

    background: #62b6e8 none repeat scroll 0 0;

    box-shadow: 0 0 20px #dfdfdf;

    color: #fff;

}

.loc_feat_box:hover h4{

    color: #fff;

}

.loc_feat_box:hover .loc_feat_img img{

   filter:brightness(0) invert(1);

}

.datac_facilties {
    background: #111b3e;
}

.dc_benefits {

    background:url('../image/bg55.png');

    background-size:cover;

    background-position:center;

}

.dc_ben_box {

    background: #ffff;

    box-shadow: 0 3px 10px rgb(0 0 0 / 15%);

    padding: 30px;

    margin-top:24px;

    min-height: 290px;

    position: relative;

    z-index: 2;

    border-left: 4px solid #00C0F7;

	transition:.4s ease-in;

}

.dc_ben_box:after {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    background: #00C0F7;

    height: 100%;

    width: 0;

    z-index: -1;

    transition: .4s ease-in;

}



.dc_ben_box:hover:after {

    width: 100% !important;

}

.dc_ben_box:hover {

   color:#fff;

}

.dc_ben_box:hover img{

   filter:brightness(0) invert(1);

}

.colo_monyimg img {

    border-radius: 50px 100px 50px 100px;

}

.colo_monylist  .col-lg-2 {

    background: #00C0F7;

    border-radius: 50%;

    height: 80px;

    width: 80px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.colo_monylist  img {

    filter: brightness(0) invert(1);

}

.co_lo_money  {

    position: relative;

}

.co_lo_money:before {

    content: '';

    background:url('../image/bg111-copy.png');

     background-size:15%;

    right: 0;

    bottom: 0;

    position: absolute;

    height:100%;

    width:100%;

    background-repeat:no-repeat;

    z-index: -1;

    

}



.colo_monyimg {

    position: relative;

}

.colo_monyimg:after {

    position: absolute;

    bottom: -50px;

    right: -50px;

    height: 200px;

    width: 200px;

    background-image: url('../image/aset022.png');

    content: '';

    z-index: -1;

    background-size: contain;

    animation-duration: 2s;

    animation-iteration-count: infinite;

    animation-name: movevector;

    animation-fill-mode: both;

    animation-timing-function: ease-in;

}



.cl_port_img img {

    width: 80%;

    margin: auto;

}



.cl_port_cont ul li {

   

    font-size: 17px;

    padding: 5px 0px;

}



.cl_port_cont p {

    font-size: 21px;

}

.blog_box1 h4 {

    font-size: 23px;

    font-weight: 500;

    margin: 20px 0px;

}



.blog_box1 {

    padding: 20px;

    box-shadow: 0px 1px 4px 4px #cccccc5e;

    min-height: 400px;

    background: #fff;

    margin-top:15px;

	transition:.4s linear;

}

.clint_portal:before {

    content: '';

    background: url(../image/bg111.png);

    background-size: 15%;

    right: 0;

    bottom: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    background-position: right;

}

.clint_portal{

    position:relative;

}

.clint_portal:after {

   content: '';

    background: url(../image/blue_dots1.png);

    background-size: 15%;

    left: 0;

    bottom: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    background-position: bottom left;

    opacity: 0.5;

}

.blog_sec {

    background: url('../image/bg521.png');

}

.colo_bn_cont a {

    padding: 12px 25px;

    background: #62b7e6;

    border-radius: 5px;

    color: #fff;

    text-decoration: none;

    display: inline-block;

}

.co_lo_banner {

    background: url(../image/Colocation-Banner.jpg);

    background-position: center;

    background-size: cover;

    min-height: 700px;

    display:flex;

    align-items:center;

}

.colo_bn_cont h1{

    font-size: 50px;

}

.colo_bn_cont a:hover {

    background: #000;

}

.buyplan_btn a:hover {

    background: #000;

}

.blog_box_img {

    overflow: hidden;

}

.colo_monylist .col-lg-2:hover {

    background: #000;

}

.colo_bn_img img {

    animation: swing ease-in 2s infinite alternate;

    transform-origin: center 20px;

}

@keyframes swing {

    0% { transform: translateY(0px); }

    100% { transform: translateY(15px); }

}

.colo_bn_img {

    margin-right: -70px;

    margin-bottom: 80px;

}

.blog_box1:hover {

   transform: scale(1.08);

	box-shadow:0px 1px 4px 4px #cccccc94;

}





.colo_monyimg:hover img{

    animation-duration: 2s;

    animation-iteration-count: infinite;

    position: relative;

    animation-name: moveimg;

    animation-timing-function: ease-in;

	animation-direction: alternate;

}



@keyframes moveimg{

    	0% {

    transform: translateX(0);

}

50% {

    transform: translateX(20px);

}

100% {

    transform: translateX(0);

}

}





















section.new-sec {

    background-image: url(../../image/dedicated-sec-tab-bg.webp);

    background-size: cover;

    padding: 70px 0;

}



.dedicated-sec {

    width: 100%;

    display: flex;

    margin-top: 60px;

    background: #ffffff;

    padding: 33px 21px;

    border-radius: 23px;

	

}



.left-head-text {

    width: 26%;

    margin-right: 20px;

    /* background-image: url(image/sidebaar-bg.png); */

    background-size: cover;

    background-position: center;

    border-radius: 33px;

    box-shadow: 0px 6px 13px #80c5ebad;

    border: 11px solid #ffffff;

    background: #00c0f7;

	

	

}



.menu{

	overflow: scroll;

    height: 630px;



}

.menu-header {

    background-color: #fff;

    border-radius: 0 0 16px 16px;

    height: 25px;

    left: 9%;

    top: 0px;

    width: 82%;

    position: relative;

    margin-bottom: 15px;

}

.right-sec {

    width: 75%;

}



.right-sec img{



    width: 100%;

    margin-top: 56px;

    border-radius: 10px;

	background: #f5f5f5;

    padding: 10px;

	

}



.new-sec h2 {

    color: #fff;

    font-size: 40px;

    margin-bottom: 7px;

	font-weight: 600;

}





.easilyp {

    color: #fff;

    font-size: 16px;

    font-weight: 500;

}





.menu {

    scrollbar-width: auto;

    scrollbar-color: #8f54a0 #ffffff;

  }



  /* Chrome, Edge, and Safari */

  .menu::-webkit-scrollbar {

    width: 16px;

  }



  .menu::-webkit-scrollbar-track {

    background: #ffffff;

  }



  .menu::-webkit-scrollbar-thumb {

    background-color: #756b78;

    border-radius: 8px;

    border: 4px solid #ffffff;

  }







.dedicated-sec .pre-text {

    color: #2b2a2a;

    font-size: 13px;

	margin-bottom: 0;

}



.dedicated-sec .menu div span {

    color: #000000;

    font-size: 18px;

}

.dedicated-sec .menu div {

	padding: 15px 20px 15px 20px;

    margin-bottom: 10px;

    color: $base-color;

    background: $second-color;

    box-shadow: 0 0 20px rgb(0 0 0 / 10%);

    cursor: pointer;

    position: relative;

    vertical-align: middle;

    font-weight: 500;

    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);

    background: #b0edff47;

	

}



.dedicated-sec .menu div:hover {

 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}







.dedicated-sec .menu div span.light {

 height: 10px;

 width: 10px;

 position: absolute;

 top: 24px;

 left: 15px;

 background-color: $base-color;

 border-radius: 100%;

 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);

}



.dedicated-sec .menu div.active span.light {

   background-color: #353535;

    left: 0;

    height: 100%;

    width: 3px;

    top: 0;

    border-radius: 0;

}

.dedicated-sec .menu div.active span {

    color: #00c0f7;

}

.dedicated-sec .menu div.active .pre-text {

    color: #2b2a2a;

}

.dedicated-sec .menu div.active {

 	padding: 15px 20px 15px 20px;

    background: #ffffff;

}



ul.nacc {

 position: relative;

 height: 0px;

 list-style: none;

 margin: 0;

 padding: 0;

 transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);

}



ul.nacc li {

 opacity: 0;

 transform: translateX(21px);

 position: absolute;

 list-style: none;

 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);

}



ul.nacc li.active {

 transition-delay: .3s;

 z-index: 2;

 opacity: 1;

 transform: translateX(0px);

}



ul.nacc li p {

 margin: 0;

}

	









/*media-start*/



@media (max-width:768px){

 .co_lo_banner .colo_bn_img {
 
    display: none;
}

	.mob_2 {

 	order: 2;

    margin-top: 30px;

	}

	.clint_portal:before{

		display:none;

	}

	.clint_portal:after {

    display: none;

}

	.colo_bn_img img {

	width:100%;

}

	.why_us_sec:after {

    display: none;

}

.co_lo_money:before{

    display:none;

}

    .colo_bn_img {

    margin-right: 0;

    margin-bottom: 0;

    text-align: center !important;

}

.wc_us_img2:after {

    right: 0 !important;

}

.colo_monyimg:after {

    right: 0 !important;

}

.wc_us_img:after{

    left:0 !important;

}

  .why_us_sec:after{

      background-size:100%;

  }  

  

.dt_fc_img {

    border-radius: 10px;

}



.dt_fc_cont {

    border-radius: 10px;

    text-align: center;

}



.co_lo_money:before {

  background-size: 55%;

}

.colo_monylist .row {

    justify-content: center;

}

.colo_monylist p {

  text-align:center;

    margin:10px 0px;

}

.clint_portal:before {

    background-position: top right;

    background-size: 50%;

}

.clint_portal:after{

     background-size: 50%;

}

.colo_monyimg:after,.wc_us_img2:after,.wc_us_img:after{

    height: 140px;

    width: 140px;

}

.co_location_tabs:before{

    width: 40px;

}

.co_location_contnt {

    padding-left: 10px !important;

    padding-top: 20px;

}



.co_lo_money  h4 {

    text-align: center;

}



@keyframes movevector {

  0%   { transform: translateY(0); }

  50%  { transform: translateY(20px); }

  100% { transform: translateY(0); }

}

@keyframes moveimg {

  0%   { transform: translateY(0); }

  50%  { transform: translateY(-20px); }

  100% { transform: translateY(0); }

}



}



.main_header_section {

    position: relative;

    background-color: var(--whiteColor);

}

.logo_side {

    width: 35%;

}

.menu_side {

    width: 45%;

}

.main_menu li a {

    display: block;

    padding: 30px 12px;

    color: var(--blackColor);

    transition: .3s;

    position: relative;

    overflow: hidden;

}

.btn_side {

    width: 20%;

}

.btn_light a {

    display: inline-block;

    padding: 8px 20px;

    border: 1px solid #000;

    border-radius: 7px;

    font-size: 14px;

    color: #000;

}

.btn_side .btn_theme {

    padding-left: 10px;

}

.main_header_section .btn_theme a {

    padding: 10px 20px !important;

}

.btn_theme a {

    display: inline-block;

    padding: 20px 41px;

    background-color: #01acff;

    color: #fff;

    border-radius: 7px;

    font-size: 14px;

    transition: .3s;

}

.mob_main_menu {

    width: calc(100% - 30px);

    margin: 0 15px;

    background-color: #fff;

    box-shadow: 0 10px 13px 0 rgb(0 0 0 / 15%);

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    z-index: 50;

}

.toggle {

    display: none;

}





/* media-start */



@media (max-width:992px){
    .colocation_pric_tb  .price_feat_title  .row {
    overflow-x:scroll;
    flex-wrap:nowrap;
    align-items:center;
}
.colocation_pric_tb  .price_feat_tabin  .row {
     overflow-x:scroll;
    flex-wrap:nowrap;
    align-items:center;
}
.toggle {

    display: block !important;

}

.btn_side .btn_light, .btn_side .btn_theme {

    display: none !important;

}

.btn_side {

    width: 16%;

}

.menu_side {

    width: 4%;

}

.logo_side {

    width: 80%;

}

.main_menu {

    display: none !important;

}

.mob_main_menu {

    margin: 0px 15px !important;

}	

.mob_main_menu {

    width: calc(100% - 30px);

    margin: 0 15px;

    background-color: #fff;

    box-shadow: 0 10px 13px 0 rgb(0 0 0 / 15%);

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    z-index: 50;

}

	.single_footer_section {

    width: calc(48% - 20px) !important;

}



.main_footer_section 

 .d-flex.flex_warp.spacerB {

    flex-wrap: wrap;

}



.single_footer_section:last-child {

    width: calc(98% - 30px) !important;

}

.mob_main_menu a {

    display: block;

    padding: 10px 20px;

    color: #000;

    text-decoration: none;

}

	.colo_bn_img {

    text-align: center !important;

}

}



@media (max-width:575px){

	

	.price_feat_title h6 {

    padding: 7px 10px;

    text-align: center;

	}



	.cololoc_pric_feat h6 {

		padding: 14px 10px;

		text-align: center;

		border-bottom: 1px solid #e5e5e5;

	}



	.price_req_btn {

		text-align: center;

		margin-top: 31px;

	}



	.price_feat_title h6 {

		border-bottom: 0;

	}

	.co_lo_money .colo_monylist {

    margin-left: 0 !important;

}

	.faqs_sec2 {

	padding-top:50px !important;

	}

    .logo_side {

    width: 80%;

}

    .menu_side {

    width: 4%;

}

    .main_menu {

    display: none !important;

}

    .btn_side {

    width: 16%;

}

    .btn_side .btn_light, .btn_side .btn_theme {

    display: none !important;

}

	.single_footer_section {

    width: calc(100% - 20px) !important;

}



.main_footer_section  .d-flex.flex_warp.spacerB {

    flex-wrap: wrap;

}

	.mob_main_menu a {

    display: block;

    padding: 10px 20px;

    color: #000;

    text-decoration: none;

}

.toggle {

    display: block !important;

}

.mob_main_menu {

    margin: 0px 15px !important;

}

	.copy_right_section .copy {

    width: 100% !important;

}



.copy_right_section .footer_social_icon {

    width: 100% !important;

}



.copy_right_section .payment {

    width: 100% !important;

    justify-content: center !important;

}



.copy_right_section .d-flex.align-items-center.flex_warp {

    flex-wrap: wrap;

    text-align: center;

}

	.main_header_section {

    padding: 10px 0px;

}

}

.server_colo .pricing_tab_btn.active {

    background: #00c0f7;

    color: #fff;

}

.server_colo .pricing_tab_btn {

	padding: 15px 20px;

    background: #142148;

    color: #fff;

    border-radius:6px;

	margin:0px 6px;

	border:none;

	font-size:18px;

}

.price_tba1_row .col-lg-4 {

    padding: 0;

}

.cololoc_pric_feat  h6 {

	font-size: 15px;

	margin-bottom:0;

}

.price_feat_tabin {

	box-shadow: 0 3px 20px 0 rgb(0 0 0 / 10%);

	padding: 15px 15px;

	margin: 15px 0px;

}

.price_req_btn a {

	background: #00C0F7;

	color: #fff;

	padding: 10px;

	border-radius: 6px;

	display: inline-block;

	width:75%;

	text-align:center

}

.coloc_drop_pric .accordion-item td {

	padding: 12px 10px !important;

	text-align:center;

	vertical-align: middle;

	 border: 1px solid #f3f0f0;

}

.coloc_drop_pric .accordion-item tr td:first-child {

	text-align: left;

}

.coloc_drop_pric tr:nth-child(even) {

	background: #fafafa;

}



.coloc_drop_pric tr:nth-child(odd) {

	background: #fff;

}

.coloc_drop_pric button.accordion-button {

	background: #142148 !important;

	color: #fff;

	font-weight:bold;

}

.price_feat_title .col-lg-1, .price_feat_title .col-lg-2 {

    padding: 0px 10px;

}

.coloc_drop_pric .accordion-button::after {

	filter: invert(1);

}

.price_feat_title h6 {

    color: #00c0f7;

    font-size: 14px;

}

.coloc_drop_pric .accordion-button:focus {

	box-shadow: none !important;

	border:0 !important;

}

.price_feat_title {

    padding: 7px 15px;

}

.coloc_drop_pric 

 .accordion-button:not(.collapsed)::after {

	 filter: brightness(0) invert(1);

}

.faqs_sec2 button.accordion-button {

    background: #111b3e !important;

    color: #fff !important;

}



.faqs_sec2 .accordion-button::after {

    filter: brightness(0) invert(1);

}





.server_colo .pricing_tab_btn {

    padding: 15px 20px;

    background: #142148;

    color: #fff;

    border-radius: 6px;

    margin: 0px 6px;

    border: none;

    font-size: 20px;

}

.form-switch {

    align-items: center;

    display: flex;

    cursor: pointer;

    -webkit-tap-highlight-color: transparent;

    justify-content: space-between;

    margin-bottom: 20px;

    margin-top: 30px;

    padding: 15px 30px;

    border-radius: 6px;

    box-shadow: 0 0 19px 0px rgb(0 0 0 / 15%);

}

.form-switch span {

    color: #000;

    font-size: 16px;

}

.form-switch .text-success {

    color: #009dfc!important;

}

.form-switch input {

    display: none;

}

.form-switch i {

    position: relative;

    display: inline-block;

    width: 80px;

    height: 30px;

    border: 1px solid #dfdfdf;

    border-radius: 15px;

    transition: all .3s linear;

    margin: 0 10px;

}

.form-switch i::after {

    content: "";

    position: absolute;

    left: 0;

    width: 40px;

    height: 22px;

    background-color: #00ce6c;

    background-image: linear-gradient(to right,#00c6ff,#0072ff);

    border-radius: 15px;

    transform: translate3d(4px,3px,0);

    transition: all .2s ease-in-out;

}

.form-switch span {

    color: #000;

    font-size: 16px;

}

.dropdown.full-width .dropdown-button {

    background: #333;

    padding: 12px 16px !Important;

    color: #fff;

    border-radius: 6px;

    cursor: pointer;

}

.dropdown.full-width .monthly {

    margin-right: 9px;

    display: inline-block !important;

    margin-bottom: 0;

    color: #00c0f7;

}

.dropdown.full-width .pripri {

    font-size: 16px;

    font-weight: 600;

}

 

.dropdown .dropdown-menu {

    transition: all 0.2s ease-in-out;

    background: #1d1b1b;

    border-radius: 3px;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);

    color: #333;

    cursor: pointer;

    display: none;

    overflow: visible;

    position: absolute;

    right: 0;

    top: 42px;

    width: 100%;

    z-index: 9;

    text-align: center;

    padding: 11px;

}

.dropdown .dropdown-menu li {

    border-bottom: 1px solid #c0c0c036;

    color: #fff;

    padding: 11px 6px;

    display: flex;

}

.dropdown.full-width .monthly {

    margin-right: 9px;

    display: inline-block !important;

    margin-bottom: 0;

    color: #00c0f7;

}

.dropdown.full-width .pripri {

    font-size: 16px;

    font-weight: 600;

}

.dropdown .show-menu {

    display: block;

}

.slideToggle {

    display: flex;

    justify-content: center;

}

.form-switch input:checked+i::after {

    transform: translate3d(34px,3px,0);

}

.dropdown.full-width .dropdown-button {

    position: relative;

}

.dropdown-button {

    display: flex;

    align-items: center;

}

.pripri sup {

    color: #f00;

    font-size: 14px;

    padding-left: 20px;

}

.dropdown .dropdown-menu li:hover {

    background: #333;

}

@media (min-width: 992px){

	.cololoc_pric_feat .col-lg-1 {

    width: 11%;

}



.cololoc_pric_feat .col-lg-3 {

    width: 20%;

}



.cololoc_pric_feat .col-lg-2 {

    width: 14%;

}

}






.dropdown-main{
    position: relative;
}
.dropdown-menu-main{
    position: absolute;
    top: 30px;
}
.dropdown-main .select-main {
    background: #333;
    padding: 12px 16px !Important;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.dropdown-main .select-main p{
    margin-bottom: 0;
    padding-right: 10px;
    color: #00c0f7;
}
.dropdown-menu-main {
    background: #1d1b1b;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    color: #333;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    top: 42px;
    width: 100%;
    z-index: 9;
    text-align: center;
    padding: 8px;
}
.dropdown-menu-main li {

    border-bottom: 1px solid #c0c0c036;

    color: #fff;

    padding: 11px 6px;

    display: flex;

}
.dropdown-menu-main li p{
    margin-right: 9px;
    display: inline-block !important;
    margin-bottom: 0;
    color: #00c0f7;
}
.dropdown-menu-main li .pripri {
    font-size: 16px;
    font-weight: 600;
}
.dropdown-menu-main li .pripri {
    font-size: 16px;
    font-weight: 600;
}
.pripri sup {
    color: #f00;
    font-size: 14px;
    padding-left: 20px;
}
sup {
    top: -0.5em;
}


@media (max-width: 768px) and (min-width: 568px) {
    .sl-filter {
        flex-direction: column;
        justify-content: flex-start;
        /* align-items: flex-start; */
    }
    
    .sl-filter-right {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (max-width: 567px) and (min-width: 508px) {
    .sl-filter {
        flex-direction: column;
        justify-content: flex-start;
        /* align-items: flex-start; */
    }
    
    .sl-filter-right {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (max-width: 507px) and (min-width: 483px) {
    .sl-filter {
        flex-direction: column;
        justify-content: flex-start;
        /* align-items: flex-start; */
    }
    
    .sl-filter-right {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (max-width: 482px) and (min-width: 448px) {
    .sl-filter {
        flex-direction: column;
        justify-content: flex-start;
        /* align-items: flex-start; */
    }
    
    .sl-filter-right {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (max-width: 447px) {
    .sl-filter {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sl-filter-right {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .vps_form .form-center input[type=submit] {
        width: 55% !important;
    }
    
    .footer-second-block {
        width: 30% !important;
    }
}

@media (max-width: 991px) {
    .order_1{
        order:1;
    }
    .order_2{
        order:2;
    }
}


