@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); 

/* Root Variables */
:root {
  --themecolor: #6366F1; 
  --themecolorRGBA: 99, 102, 241; 
  --themesecondary:#bd3573;
  --primaryBlue:#313AA3;
  --primaryGreen:#388E4E;
  --dark: #292929;
  --darkrgba: 41, 41, 41;
  --warning: #EEC138;
  --darkbg: #262626;
  --blueLight: #E8F1FA;
  --bs-warning-rgb: 238, 193, 56;
  --info-light: #9DF1EC;
  --light-white: #DCDCDC;
  --bs-yellow: #F7B21A;
  --blue: 0, 123, 255;
  --white: 255, 255, 255;
  --blueDark: #0022D0;
  --lightBlue: #6D9EC7;
  --bs-btn-font-family: "Open Sans", sans-serif;
  --green: #86efac;
  --gray: #676767;
  --primaryOrange:#996F1E;
  --headerBg: #0A0F4B;
}
@keyframes animate-pulse{
  0%{
    box-shadow: 0 0 0 0 rgba(215,63,132,0.7),  0 0 0 0 rgba(215,63,132,0.7);
  }
  40%{
    box-shadow: 0 0 0 30px rgba(215,63,132,0.0),  0 0 0 0 rgba(215,63,132,0.7);
  }
  80%{
    box-shadow: 0 0 0 30px rgba(215,63,132,0.0),  0 0 0 30px rgba(215,132,74,0);
  }
  100%{
    box-shadow: 0 0 0 0 rgba(215,63,132,0.0),  0 0 0 30px rgba(215,63,132,0);
  }
}
body{
  font-family: Poppins,sans-serif;
  margin: 0px;
  padding: 0px;
  background: #fff;
  line-height: 1.5;
  font-size: 16px;
  color: var(--gray);
}
.p-30 {
  padding: 30px;
}
.card-body {
  color: var(--gray);
}
.font-inter, .btn {
  font-family: "Open Sans", sans-serif;
}
.lightBlue {
  color: var(--lightBlue)!important;
}
.text-gray {
  color: var(--gray)!important;
}
.blue {
  color: rgba(var(--blue), 1)!important;
}
.oswald {
  font-family: "Oswald", sans-serif;
}
.header-bg {
  background: var(--headerBg);
}
.blue-mixed {
  background: rgb(0,85,241);
  background: linear-gradient(0deg, rgba(0,85,241,1) 0%, rgba(0,34,208,1) 100%);
}
.bg-blue {
  background: var(--blueDark);
}
.text--dark {
  color: var(--dark);
}
.bgPrimaryBlue {
  background: var(--primaryBlue);
}
.bgPrimaryGreen {
  background: var(--primaryGreen);
}
.bgPrimaryOrange {
  background: var(--primaryOrange);
}
.PrimaryBlue {
  color: var(--primaryBlue);
}
.lightWhite {
  color: var(--light-white);
}
.infoLight {
  color: var(--info-light);
}
.bgBlueLight {
  background: var(--blueLight);
}
.bgBlueDark,
.blueBg {
  background: var(--blueDark);
}
.blueLight {
  color: var(--blueLight);
}
.text-primary {
  color: var(--themecolor)!important;
}
.bg-primary {
  background: var(--themecolor)!important;
}

.btn-theme-primary{ background: var(--themecolor); border-color:var(--themecolor); color: #fff }
.btn-theme-primary:hover, .btn-theme-primary:focus, .btn-theme-primary:active, .btn-theme-primary:first-child:active, .btn-theme-primary:focus-visible{background:var(--themecolor); border-color: var(--themecolor); color: #fff}
 
.btn-theme-secondary{background: var(--themesecondary); border-color: var(--themesecondary); color: #fff}
.btn-theme-secondary:hover, .btn-theme-secondary:focus, .btn-theme-secondary:active, .btn-theme-secondary:first-child:active, .btn-theme-secondary:focus-visible{background: var(--themesecondary); border-color: var(--themesecondary); color: #fff }



.text-gradient-primary {   background: linear-gradient(to right, #ea5549, #6366f1);    -webkit-background-clip: text;    -webkit-text-fill-color: rgba(0,0,0,0);}

a{text-decoration: none; color:var(--themecolor); } 
a:hover{text-decoration: none;}
a:focus{outline: none;}
/* CSS Top */

button:hover, button:focus{outline: none;} 
 

.pdng_tb_100{padding: 100px 15px;}

.h-100-vh{height: 100vh}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--dark);
  font-weight: 500;
}

.f_weight_bold{font-weight: bold!important}
.f_weight_normal{font-weight: normal!important}
.f_weight_100{font-weight: 100!important}
.f_weight_300{font-weight: 300!important}
.f_weight_400{font-weight: 400}
.f_weight_500{font-weight: 500}
.f_weight_600{font-weight: 600}
.f_weight_700{font-weight: 700}
.f_weight_800{font-weight: 800}

.f_arial{font-family: Arial!important}
.f_courier{font-family: monaco, courier!important}


.f_size_9{font-size: 9px!important; }
.f_size_10{font-size: 10px!important; }
.f_size_11{font-size: 11px!important; }
.f_size_12{font-size: 12px!important; }
.f_size_13{font-size: 13px!important; }
.f_size_16{font-size: 16px!important;}
.f_size_17{font-size: 17px!important;}
.f_size_14{font-size: 14px!important;}
.f_size_15{font-size: 15px!important;}
.f_size_18{font-size: 18px!important;}
.f_size_13{font-size: 13px!important;}
.f_size_12{font-size: 12px!important;}
.f_size_20{font-size: 20px!important;}
.f_size_22{font-size: 22px!important;}
.f_size_24{font-size: 24px!important;}
.f_size_25{font-size: 25px!important;}
.f_size_26{font-size: 26px!important;}
.f_size_27{font-size: 27px!important;}
.f_size_28{font-size: 28px!important;}
.f_size_29{font-size: 29px!important;}
.f_size_30{font-size: 30px!important;}
.f_size_32{font-size: 32px!important;}
.f_size_35{font-size: 35px!important;}
.f_size_36{font-size: 36px!important;}
.f_size_40{font-size: 40px!important;}
.f_size_42{font-size: 42px!important;}
.f_size_44{font-size: 44px!important;}
.f_size_48{font-size: 48px!important;}
.f_size_50{font-size: 50px!important;}
.f_size_55{font-size: 55px!important;}
.f_size_60{font-size: 60px!important;}

.c-pointer{cursor: pointer;}

.btn-sm{padding: 5px 10px;}

.custom_btn.btn-primary{background: #007bff42; border-color: #007bffa6}
.custom_btn.btn-success{background: #28a74594; border-color: #28a745d6}
.custom_btn.btn-warning{background: #8e6122; border-color: #bd8f4e; color:#fdfdfd }
.custom_btn.btn-warning:focus, .custom_btn.btn-warning:active:focus{  color:#fdfdfd }
.custom_btn.btn-secondary{background: #6c757d54; border-color: #6c757d}

.custom_btn.btn-danger{background: #dc354594; border-color: #dc3545a8;}
.custom_btn.btn-info{background: #17a2b87d; border-color: #17a2b8cf;}

.btn-main{border:solid 1px #1f4a6e; background: #0b263d; color: #fff; border-radius: 5px; padding: 8px 15px; outline: none;}
.btn-main:hover, .btn-main:focus{border-color: #1f4a6e; background: #0b263d; box-shadow: none;}

.btn-link:hover, .btn-link:visited{text-decoration: none;}

.m-w-80 {max-width: 80px !important;}
.m-w-100 {max-width: 100px !important;}
.m-w-150 {max-width: 150px !important;}
.m-w-200 {max-width: 200px !important;}
.mw_180{min-width: 180px;}
.mw_100{min-width: 100px;}
.mw_40{min-width: 40px;}

.text_m_green{color: #59a359}
.text_m_red{color: #c94c4c}

.text_k_yellow{color: #d5ae3b ;}
.text_dark{color: #333!important}
.text_d_light{color: #cdcdcd!important;}
.text_m_light{color: #818284 }
.text_theme{ color: #043556!important }
.text_light_blue{color: #3a61a9 !important}
.text_light_red{color: #ef4f4f!important}
.text_amber{color: #ffa000!important;}
.text_l_green{color: #22d74b !important;}
.text_l_danger{color: #e07680 !important}
.bg_theme{ background: #1976d2!important }
.text_l_yellow{color: #d5ae3b !important}
.bg-light-blue{ background: cornflowerblue!important }
.text_m_blue{color: #5394da;}
.bg-green{background: #2b873e!important }
.btn-xs{padding:3px 10px; font-size: 12px; line-height: normal; border-radius: 5px;}
.btn{cursor: pointer; font-size: 14px;}

.text_blue_light{color:#68a2e0}
 
/*customized button css */
.btn-rounded {border-radius:10em!important; -moz-border-radius:10em; -webkit-border-radius:10em; }
.btn-rounded.btn-sm{padding: 5px 15px!important;}

.btn-unique{background: #880e4f!important; color: #fff!important; border:none;}
.btn-pink{background: #ec407a !important; color: #fff!important; border:none;}
.btn-purple{background: #8e24aa!important; color: #fff!important; border:none;}
.btn-deep-purple{background: #512da8!important; color: #fff!important; border:none;}
.btn-indigo{background: #3f51b5 !important; color: #fff!important; border:none;}
.btn-light-blue{background: #82b1ff!important; color: #fff!important; border:none;}
.btn-light-cyan{background: #00bcd4 !important; color: #fff!important; border:none;}
.btn-light-dark-green{background: #388e3c !important; color: #fff!important; border:none;}
.btn-light-light-green{background: #8bc34a !important; color: #fff!important; border:none;}
.btn-light-yellow {background: #fbc02d !important; color: #fff!important; border:none;}
.btn-light-amber {background: #ffa000 !important; color: #fff!important; border:none;}
.btn-light-deep-orange  {background: #ff7043 !important; color: #fff!important; border:none;}
.btn-light-btn-brown {background: #795548 !important; color: #fff!important; border:none;}
.btn-light-mdb-color {background: #3b414d  !important; color: #d6d1d1!important; border:none;}
.btn-blue-grey{background: #78909c !important; color: #fff!important; border:none;}

.btn-ch_red{background: #b83831 !important; color: #fff!important; border:none;}
.btn-ch_red:focus, .btn-ch_red:hover{box-shadow: none;}

.peach-gradient{ background: linear-gradient(40deg,#ffd86f,#fc6262) !important; background: -webkit-linear-gradient(50deg,#ffd86f,#fc6262) !important; background: -o-linear-gradient(50deg,#ffd86f,#fc6262) !important ; border:none;}
.purple-gradient{background: linear-gradient(40deg,#ff6ec4,#7873f5) !important; background: -o-linear-gradient(50deg,#ff6ec4,#7873f5) !important; background: -webkit-linear-gradient(50deg,#ff6ec4,#7873f5) !important; border:none;}
.blue-gradient{background: linear-gradient(40deg,#45cafc,#303f9f) !important; background: -o-linear-gradient(50deg,#45cafc,#303f9f) !important; background: -webkit-linear-gradient(50deg,#45cafc,#303f9f) !important; border:none;}
.aqua-gradient{background: linear-gradient(40deg,#2096ff,#05ffa3) !important; background: -o-linear-gradient(50deg,#2096ff,#05ffa3) !important; background: -webkit-linear-gradient(50deg,#2096ff,#05ffa3) !important; border:none;}
 

.btn-floating{box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);  width: 47px; height: 47px; position: relative; z-index: 1; vertical-align: middle; border-radius: 50%; padding: 0px; transition: all .2s ease-in-out; overflow: hidden;}
.btn-floating.sm{width: 30px; height: 30px; font-size: 12px;}
.btn-floating.xs{width: 20px; height: 20px; font-size: 12px; line-height: 20px;}
.btn-floating.md{width: 40px; height: 40px; font-size: 12px;}

.ripple{ position:relative;   overflow:hidden;  transform:translate3d(0,0,0)}
.ripple:focus, .ripple:active, .ripple:hover{box-shadow: none!important;}
.ripple:after{  content:"";   display:block;  position:absolute;  width:100%;  height:100%;  top:0;  left:0; pointer-events:none;  background-image:radial-gradient(circle,#000 10%,transparent 10.01%);
background-repeat:no-repeat; background-position:50%;  transform:scale(10,10);  opacity:0; transition:transform .5s,opacity 1s}
.ripple:active:after{  transform:scale(0,0);  opacity:.2;  transition:0s}

.custom-gray-outline{border:solid 1px #ddd; border-radius: 0px; height: 45px; background: none}
.custom-gray-outline:hover, .custom-gray-outline:focus, .custom-gray-outline:active{background: none!important; color: #333!important; border-color: #ddd!important; box-shadow: none!important}
.custom-gray-outline:after{position: absolute; right: 10px; top: 20px;}

.btn-primary{background: var(--themecolor); border-color: var(--themecolor);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background: var(--themecolor); border-color: var(--themecolor);}


/*customized button css */
 
.navbar.position-absolute { top: 0;  left: 0;  z-index: 1030;  width: 100%;}
.mainheader.is-sticky {position: fixed!important; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);  padding: 15px 0;  backdrop-filter: blur(10px);  animation: slideDown 0.35s ease-out;background: #ffffffbf; width: 100%; z-index: 99;}

@keyframes slideDown {
  from {transform: translateY(-100%);}
  to { transform: translateY(0); }
}

.mainheader .dropdown:hover > .dropdown-menu, .mainheader .dropstart:hover > .dropdown-menu { display: block;  animation: dropdown-show .2s;}
@keyframes dropdown-show {
 from { opacity: 0;  transform: scale(.9);  }
  to {  opacity: 1; transform: scale(1); }
}
.mainheader .logo img{ width:140px; }
.mainheader .nav-item .nav-link{ font-size:14px; font-weight:600; color:#434a57; padding:0.535rem 0.875rem }
.mainheader .nav-item .nav-link:hover{color: var(--themecolor);}

.mainheader .dropdown-toggle::after{content: "\F282"; font-family: 'bootstrap-icons'; margin-top: .0625rem;   font-size: 10px; margin-left: 7px; border:none; line-height: 1; vertical-align: middle}

.mainheader .dropdown-menu{background:none;  border: none; padding: 0px; padding-top:9px;} 
.mainheader .productMenu{width: 100%; left: 0px; }
.mainheader .dropMenuSection{ background:#fff;  padding:20px; border-radius:0px; box-shadow: 0 10px 10px -10px #adadad;} 
.mainheader .detailed .dropMenuSection {
  padding: 10px;
  min-width: 330px;
}
/*.mainheader .dropdown-menu .menuBlock{ padding:0px 10px; }
.mainheader .detailed.dropdown-menu .menuBlock{ padding:0px}
.mainheader .dropdown-menu .hdngMenu{margin-bottom: 5px; border-bottom:solid 1px #2d2d2d1c; padding-bottom: 10px;}
.mainheader .dropdown-menu .hdngMenu a{ font-size:14px; font-weight:600; color:var(--dark); }
.mainheader .submenulist{margin: 0px; padding: 0px; list-style: none; }
.mainheader .submenulist li{display: block; float: none; margin-bottom:5px;  }
.mainheader .submenulist li:last-child {margin-bottom: 0;}
.mainheader .submenulist li a{color: #676767; font-size: 13px; font-weight: 400; padding-left: 0px;}
.mainheader .detailed .submenulist li a{display: flex; align-items: center; padding: 12px 20px;transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -o-transition: all ease .3s;
  border-radius: 10px;
}
.mainheader .detailed .submenulist li a h6 {
  font-size: 14px;
  color: var(--dark);
  font-weight: 600;
}
.mainheader .detailed .submenulist li a:hover {
  background: rgb(var(--themecolorRGBA), .15);
  color: #676767;
}
.first-level .submenulist li a{font-size: 14px; font-weight: 600; color: var(--dark); padding-left: 0px;}
.mainheader .submenulist li a:hover{ color: var(--themecolor); background: #f2f2f2; border-radius: 4px;}
.mainheader .submenulist li a .badge{font-weight: 400;}*/
 

.titleLink{margin-bottom: 0px; margin-top: 15px;}
.titleLink a{  font-size: 13px; font-weight: 500; color: #6159f0; display:block; }
.titleLink span{ display:block; font-size:13px; color:#666; font-weight:normal; margin-top:10px; }


.menublockSec{padding: 0px; display: block;}
.menublockSec .menuList{margin: 0px;  padding: 0px; list-style: none;}
.menublockSec .menuList li { display: block;  float: none;   }
.menublockSec .menuList li a { font-size: 14px; position: relative; padding: 8px 8px 8px 8px; color: #333; white-space: normal; font-weight: 400; display: block;}
.menublockSec .menuList li a:hover{background: #f2f2f2; border-radius: 5px;}

.highlightMenu{background: #E1E1F082; border-radius: 5px; padding-left: 25px;}
.highlightMenu .menuList li a:hover{background: #fff}

.menuIcon{display: inline-block; width: 28px; padding: 3px;   border-radius: 4px; text-align: center; margin-right: 2px;}
.menuIcon svg{fill: #97979b; width: 17px;}

 

.secondcolMenu{ padding-left: 25px; min-width: 365px; }
 

.mainheader .dropdown-item:focus, .mainheader .dropdown-item:hover{background: none}

.mainheader .submenulist li ul{margin: 0px; padding: 0px; list-style: none;}

 

.mainheader .btn{border-radius: 50px; padding: 9px 20px;      font-size: 13px;
  font-weight: 600;}

.icon-33 {  width: 24px;   height: 24px;   color: #000;   justify-content: center;   align-items: center;   display: flex;}
.SignInBtn{background: #d1d1d1; padding: .50rem; border: none; outline: none; border-radius: 50%; display: inline-block; vertical-align: middle}
.SignInBtn:after{display: none}
.signIndropdown{right: 0px;  }
 
.homeScreenVideo{height: 99vh; position: absolute!important; top: 0px; left: 0px; width: 100%; filter: blur(5px); z-index: 0}
.homeScreenImage{ position:absolute!important; width:100%; height:100vh; z-index:2; background-size:cover; opacity: .9; top: 0px; left: 0px;}
.flashBg{background: radial-gradient(116.18% 118% at 50% 100%, rgba(99, 102, 241, 0.1) 0%, rgba(218, 70, 239, 0.05) 41.83%, rgba(241, 244, 253, 0.07) 82.52%); z-index: 2;} 
.HomeSection{ width:100%; min-height:100vh;   position: relative; z-index:3; } 
.HomeSection h1{font-weight: 800; text-align: center; font-size: 5rem; color: #121519; margin-top: 10px;}
.HomeSection .figureLine{position: absolute; bottom: 50px; left: 0px; display: block; text-align: center; width: 100%; color: rgba(255, 255, 255, .5);}
.HomeSection .figureLine span{font-size: 18px; color: rgba(255, 255, 255, .8); margin: 0px 15px;}
.HomeSection .figureLine span i{margin-right: 5px; color: #6366f1 }
.HomeSection .figureLine span font{color: #fff; font-size: 20px;}


.heroSLideImgSec{ display:block; }
.heroSLideImgSec img{max-width: 100%; border-radius: 10px 90px 10px 90px;  }

.herocounterWidget{position: absolute; width: 150px;  background: #fff; border-radius: 15px; padding:15px 10px; text-align: center; box-shadow: -8px -8px #6366f147; z-index: 2}
.herocounterWidget font{font-size: 18px; font-weight: 600; display: block;}
.herocounterWidget span{font-size: 15px;}

.callcount{ left: -50px; top:50px; }
.callcount img{max-width: 60px;}
.peoplecount{left: 0px; right: 0px; bottom: -50px; margin: 0 auto; border-radius: 50%; height: 130px; width: 130px;}
.capacityCount{right: 100px; top: -50px; width: 190px;}



.pageSection{ padding:70px 15px;}
.display2{font-size: 42px;font-weight: 500; color: var(--dark); line-height: 55px;}
.display4{font-size: 22px;font-weight: 500;}
.display5{font-size: 22px; display: block;   color: #9397ad;}
.iconFill{background: linear-gradient(to right, #6366f1, #8b5cf6, #d946ef);    -webkit-background-clip: text;   -webkit-text-fill-color: rgba(0,0,0,0); opacity: .9}

.counterStatSec{text-align: center; background: #F3F6FF; border-bottom: solid 1px #e4e8f2; padding:0px 15px; }
.counterStatSec .counterBox{border-right: solid 1px #e4e8f2; padding: 30px 15px; min-height: 205px;}
.counterStatSec .counterBox span{font-size: 28px; margin-bottom: 10px; display: block}
.counterStatSec .row .col{padding: 0px;}
.counterStatSec .row .col:last-child .counterBox{border-right: 0px;}
.counterStatSec h3{ font-size:28px;   }
.counterStatSec p{font-size: 1rem; margin-bottom: 0px;}

.solutionBlock{text-align: center; }
.solutionBlock .icon{ font-size:40px; }
  
.sectionthree{background: #F3F6FF;}
.sectionthree .icon{background: #fff; padding: 7px;  border-radius: 10px; font-size: 35px; display: inline-block; width: 70px; height: 70px; text-align: center; box-shadow: 0 100px 80px rgba(22,61,151,.07), 0 41.7776px 33.4221px rgba(22,61,151,.05), 0 22.3363px 17.869px rgba(22,61,151,.042), 0 12.5216px 10.0172px rgba(22,61,151,.035), 0 6.6501px 5.32008px rgba(22,61,151,.028), 0 2.76726px 2.21381px rgba(22,61,151,.02)} 

.clientSection{position: relative;} 
.clientSection::before { background-image: url(../images/hero-gradient-1.svg);  background-position: 10%;  background-repeat: no-repeat;  content: ""; height: 100%;  left: 0;
  position: absolute;  right: 0;  top: 0;  width: 100%;  z-index: -1;}
.clientlist{display: block; text-align: center; }
.clientlist .col-3{padding: 0px 5px;}
.clientlist .items{ width:100%;   padding:15px;   border:solid 1px #e2e5f191; border-radius:5px; margin-bottom: 10px;  display:inline-block;  vertical-align: top;  transition: all .2s;}
.clientlist .items img{max-width: 100%; filter: grayscale(100%); opacity: .6}
.clientlist .items:hover{box-shadow: 0 .275rem .75rem -0.0625rem rgba(11,15,25,.06),0 .125rem .4rem -0.0625rem rgba(11,15,25,.03); transform: translateY(-0.25rem)}
.clientlist .items:hover img{opacity: 1; filter: grayscale(0);}

.mobileAppSection{background: #101322;}
.mobileAppSection p{color: #cdcdcd;}
 
.whydeepcallSection .pointList{ list-style:none; margin:0px; padding:0px }
.whydeepcallSection .pointList li{ display:block; margin-bottom:15px; }
.whydeepcallSection .icon { background: #fff; padding: 7px; border-radius: 10px;  font-size: 35px;  display: inline-block;  width: 70px;  height: 70px; border:solid 1px #eee;  text-align: center;}

.faqAccordionclps .accordion-item{ margin-bottom:15px; box-shadow:0 .275rem .75rem -0.0625rem rgba(11,15,25,.06),0 .125rem .4rem -0.0625rem rgba(11,15,25,.03) !important; border-radius:0.5rem ; border:none;}
.faqAccordionclps .accordion-item .accordion-button{font-size: 20px; border-radius: 0.5rem; padding:20px; color:#000 }
.faqAccordionclps .accordion-item .accordion-button:hover, .faqAccordionclps .accordion-item .accordion-button:focus{box-shadow: none;}
.faqAccordionclps .accordion-item .accordion-body{font-size: 16px; padding-top: 0px; padding-bottom:25px; color: #565973}
.faqAccordionclps .accordion-item .accordion-button:not(.collapsed){background: none; border: none; box-shadow: none}
.faqAccordionclps .accordion-item .accordion-button::after{background-color: #f2f2f2; width:35px; height: 35px; border-radius: 50%; background-image: none; font-family: 'bootstrap-icons'; content: "\F282"; font-size: 15px; text-align: center; line-height: 35px; transition: all .2s;}

.faqAccordionclps .accordion-item .accordion-button:not(.collapsed):after{ transform:none; background: var(--themecolor); color: #fff; content: '\F286'; transition: all .2s;}

.faqAccordionclps.light .accordion-item {
  border: 1px solid #e4e4ea;
  box-shadow: 0 0 0!important;
  background: #f3f3fa;
}
.ctaSection{ background: linear-gradient(to right, #ea5549, #6366f1); position: relative;}
.noisepattern{position: absolute; background-image: url(../images/noise.png); mix-blend-mode:soft-light; width: 100%; height: 100%; opacity: .15; left: 0px; top: 0px;}
.ctaFormSection{background: #fff;   border-radius:30px; }
.ctaFormSection .form-label{font-size: 14px; color: var(--dark);}
.ctaFormSection .form-control{border-radius: 8px; font-size: 16px; padding: 12px 15px}
.form-select {border-radius: 8px; font-size: 16px; padding: 12px 15px;}
.ctaFormSection .form-control:focus{box-shadow: none; border-color: #000}
.ctaFormSection .form-control::placeholder {color: #aaa}


.footermenuSec{padding: 50px 15px 0px; background: #f2f2f2;  }
.footerLogoSection{text-align: center; position: relative;}
.footerLogoSection img{max-width: 150px;}
.footerLogoSection p{ color:#242427; font-weight:300; font-size:22px; }
.footerLogoSection:after{ width:200px; height:2px; background:linear-gradient(to right, #ea5549, #6366f1); border-radius: 5px; content:""; position:absolute; left:0px; right:0px; bottom: -20px; margin:0px auto;  }
.footerMenuList{ display:block }
.footerMenuList h3{font-size: 18px; margin: 0px 0px 15px; padding: 0px; color: #000c}
.footerMenuList ul{list-style: none; margin: 0px; padding: 0px;}
.footerMenuList ul li{display: block; margin-bottom: 10px;}
.footerMenuList ul li a{font-size: 15px; color: #484747c2}
.footerMenuList ul li a:hover{color: var(--themecolor);}

.subfooter{border-top: solid 1px #77777717; margin-top: 20px; padding: 20px 0px;}
.subfooter .copyrightText{ color:#777; font-size:14px; }
.subfooter .socialLink a{font-size: 16px; margin-left: 10px; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; background: #1c2437}

.innerPageHeroSection{ background-image: linear-gradient(to top, #281e51, #1a1b42, #101732, #0b1022, #020612); position: relative; height: 850px;}
.innerPageHeroSection:after{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ""; background: url(../images/call-center-software/heroPattern.svg); 
  background-size: cover; opacity: .2; background-position: bottom; z-index: 0}
.innerPageHeroSection .container.position-relative{z-index: 2}
.tagLineSection{ display:block; text-align:center; margin-top:50px; }
.tagLineSection span{padding: 5px 20px; border-radius: 20px; background: linear-gradient(to right, #ea5549, #6366f1); color: #fff; display: inline-block; font-size: 14px; font-weight: 500}
.innerPageHeroSection h1{text-align: center;  font-size: 4rem;  color: #ffffffb2;  margin-top: 30px;} 
.softwareScreenSec{ text-align:center; margin-top:-430px; position:relative; z-index:3 }
.softwareScreenSec img{max-width: 800px; border: solid 7px #000; border-radius: 20px;}

.typeCard{background: #F3F6FF; padding: 30px; border-radius: 10px; text-align: center;}
.typeCard .icon{ font-size:42px; color:#999 }

.grayBg{background: #F3F6FF}
 
.callcenterfeatureSection h3{font-size: 32px;}

.innerClientlistSection{background: url(../images/6373345a18c74273453603a7_Sand-Texture.webp); border-top: solid 1px #f0f1f2}
.innerClientlistSection .item {  background: #fff;  padding: 5px 10px;  border-radius: 10px;  height: 100px;  display: flex;  justify-content: center;  align-items: center; border: solid 1px #e2e5f191}
.innerClientlistSection .item img{filter: grayscale(100%); transition: all .5s;}
.innerClientlistSection .item:hover img{filter: grayscale(0);}
.innerClientlistSection .owl-nav{display: none}


.stryBox{display: block; width: 100%; padding: 40px; border-radius: 30px; background: #F2F2F2; max-height: 530px; min-height: 530px; position: relative; overflow: hidden;}
.stryBox h3{font-size: 21px; margin-bottom: 15px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.stryBox .btn-link{font-weight: 500; text-decoration: none; position: relative; z-index: 1; color: #333}
.stryBox p{  text-overflow: ellipsis;   overflow: hidden;   display: -webkit-box;   -webkit-line-clamp: 6;    -webkit-box-orient: vertical;}
.casestudyblockBanner{ text-align:center; width:100%; position:absolute; bottom:0px; left:0px; }
.industryType{display: block; text-align: left; margin-bottom: 10px;}
.industryType span{padding: 2px 10px; border-radius: 20px; background: #fff; display: inline-block; color: #6366f1}

.block {
  padding: 80px 0;
}
.block-l {
  padding: 80px 0;
}
.bgBlue {
  background: #121826;
}
.screenShadow {
  box-shadow: 0px 10px 45px 1px rgba(0,0,0,0.2);
  border-radius: 10px;
  border: 1px solid #d4d4d4;
}
.bgLightGray {
  background: #f3f3fa;
}
header {
  z-index: 99;
  box-shadow: 0 1px rgba(0,0,0,.02), 0 1px 8px rgba(0,0,0,.1);
}
.homeHero {
  position: relative;
  overflow: hidden;
}
.headingBottomLine {
  position: relative;
}
.headingBottomLine:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 2px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  background: #6366F1;
}
.titleBorder {
  padding-left: 16px;
  position: relative;
}
.titleBorder:before,
.titleBorder:after {
  content: "";
  position: absolute;
}
.titleBorder:before {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #e2e2e2;
}
.titleBorder:after {
  left: 0px;
  top: 0;
  width: 2px;
  height: 20px;
  background: #6366F1;
}
 



.submenuDropdown{ left:100%;  top:-20px; }
.submenuDropdown .menuBlock{background: #fff;
  padding: 10px !important;
  border-radius: 10px;
  border: solid 1px #eee;
  box-shadow: 0px 0px 10px rgba(0,0,0,.08);}
.submenulist .dropdown-toggle::after{content: "\F285"}
.dropdown-menu.submenuDropdown .dropdown-item {
  padding-left: 8px !important;
}
.dropdown-menu.submenuDropdown .submenulist li:last-child {
  margin-bottom: 0px;
}
.submenulist .dropdown:hover .dropdown-toggle{color: var(--themecolor)!important}
 
.gap-30 {
  gap: 30px;
}
.blockTitle {
  padding-bottom: 44px;
}
.featureCard {
  box-shadow: 0px 8px 48px #eee, 0px 4px 8px rgba(66,71,76,.06), 0px 0px 1px rgba(66,71,76,.48);
  background: #ffffff;
  border-radius: 10px;
}
/* ---------------------------------------------
================== Page Title ==================
--------------------------------------------- */
.pageTitle.small {
  height: 630px;
  border-end-end-radius: 160px;
  background: #e4e5ff;
  display: flex;
  align-items: center;
}
.pageTitle.small .heroImg img {
  /* max-height: 420px; */
  border: 2px solid #27292B;
  box-shadow: 0 0 0;
}

.report_CTA img {
  box-shadow: inset 0 1px 1px 0 hsla(0,0%,100%,.1), 0 50px 100px 0px rgba(50,50,93,.25), 0 30px 60px 0px rgba(0,0,0,.3);
  border-radius: 10px;
}
.bg-title {
  padding: 16px;
  display: flex;
  justify-content: center;
  border-radius: 10px;
}
.bg-title .icon {
  border-radius: 20px;
  display: flex;
  height: 96px;
  justify-content: center;
  align-items: center;
  transition: transform .3s ease-in-out;
  width: 96px;
  background: #fff;
}
.bg-title .icon svg,
.bg-title .icon img {
  width: 54px;
  height: 54px;
}
.videoScreen {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.videoScreen:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: -1;
}
.videoScreen .videoPlay {
  --cercleSize: 80px;
  width: var(--cercleSize);
  height: var(--cercleSize);
  background: #6366F1;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.videoScreen .videoPlay svg {
  --iconSize: 34px;
  width: var(--iconSize);
  height: var(--iconSize);
}
.mixedBg {
  background: rgb(243,243,250);
  background: linear-gradient(0deg, rgba(243,243,250,1) 0%, rgba(255,255,255,1) 100%);
}
.mixedBgRev {
  background: rgb(243,243,250);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,243,250,1) 100%);
}
.awards .smallLogoRow img {
  --height: 70px;
  max-height: var(--height);
  min-height: var(--height);
}
.awards .largeLogoRow img {
  --height: 150px;
  max-height: var(--height);
  min-height: var(--height);
}
.awardsLogo {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 30px;
}
.smallLogoRow,
.largeLogoRow {
  display: flex;
  align-items: center;
  gap: 30px;
}
.dividerLeft {
  width: 100px;
  height: 4px;
  background: var(--themecolor);
}
.CTAMinimal .ctaBody {
  padding: 50px 70px;
  border-radius: 20px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-50 {
  margin-bottom: 50px;
}
.brandCard {
  padding: 30px;
  border: 1px solid #e4e4ea;
  display: flex;
  flex-direction: column;
  gap: 30px;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
}
.brandCard .logo {
  text-align: center;
}
.brandCard .logo img {
  height: 60px;
}
.brandCard:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-box-shadow: 0px 10px 50px -28px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 10px 50px -28px rgba(0,0,0,0.6);
  box-shadow: 0px 10px 50px -28px rgba(0,0,0,0.6);
}
.divider {
  border-bottom: 1px solid #e4e4ea;
}
.rightTabs .nav-link {
  text-align: left;
  padding: 24px;
  font-size: 16px;
  border: 1px solid rgba(var(--themecolorRGBA), 0.5);
  background: rgba(var(--themecolorRGBA), 0.05);
  position: relative;
  cursor: pointer;
  transition: transform .3s ease-in-out;
}
.rightTabs .nav-link p {
  margin-bottom: 0px;
  color: #777;
}
.rightTabs .nav-link.active h3 {
  color: #ffffff;
}
.rightTabs .nav-link.active p {
  color: #d6d6d6;
}
.rightTabs .nav-link h3 {
  font-size: 18px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: var(--themecolor);
}
.rightTabs .tab-content img {
  border-radius: 6px;
}
.rightTabs .nav-link.active:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  right: -10px;
  top: 50%;
  border-top: 10px solid transparent;
  border-left: 10px solid var(--themecolor);
  border-bottom: 10px solid transparent;
  transform: translateY(-10px);
}
.rightTabs .nav-link.active {
  box-shadow: 0px 10px 50px -28px rgba(0,0,0,0.6);
  transform: scale(1.02);
}
.ls-1 {
  letter-spacing: 1px;
}
.h-600 img {
  height: 600px;
}
.f-card .bg-title .icon {
  --iconBoxSize: 50px;
  border-radius: 6px;
  width: var(--iconBoxSize);
  height: var(--iconBoxSize);
  padding: 10px;
}
.f-card .bg-title .icon svg {
  --fCardIconWidth: 100%;
  width: var(--fCardIconWidth);
  height: var(--fCardIconWidth);
}
.f-card {
  padding: 10px 0 0 0;
}
.media .title_logo {
  background: #ffffff;
  padding: 30px;
  border-radius: 6px;
  border: 1px solid #eaeaea;
  position: relative;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -o-transition: all ease .3s;
}
.media .title_logo img {
  max-height: 120px;
}
.media-card {
  cursor: pointer;
  color: #6c757d;
}
.media-card:hover .linkArrow {
  --linkArrowTime: .3s;
  transition: all ease var(--linkArrowTime);
  -webkit-transition: all ease var(--linkArrowTime);
  -moz-transition: all ease var(--linkArrowTime);
  -o-transition: all ease var(--linkArrowTime);
  opacity: 1;
}
.linkArrow {
  position: absolute;
  background: rgb(99, 102, 241, .9);
  top: 0px;
  left: 0px;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.mCardHEader {
  position: relative;
}
.iCercle {
  --icercle: 44px;
  width: var(--icercle);
  height: var(--icercle);
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  padding: 10px;
}
.counter {
  font-size: 16px;
  font-weight: 400;
  color: #6c757d;
  display: flex;
  gap: 20px;
}
.counter .count,
.counter .d-flex {
  font-size: 40px;
  font-weight: 700;
  color: #212529;
}
.counter img {
  --counterIocns: 60px;
  width: var(--counterIocns);
  height: var(--counterIocns);
}
.borderFrame {
  border: 10px solid #27292B;
  border-radius: 10px;
}
.py-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
.heading-badge {
  font-size: 14px;
  font-weight: 400;
  border-radius: 50px;
  padding: 7px 20px;
}
.heading-badge.white {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.heading-badge.primary {
  background: rgba(var(--blue), 0.1);
  color: rgba(var(--blue));
}
.btn-lg {
  padding: 15px 38px;
  border-radius: 18px;
  font-size: 16px;
  font-weight: 500;
}
.btn-warning {
  --bs-btn-color: var(--dark);
  --bs-btn-bg: var(--warning);
}
.btn-info {
  --bs-btn-color: var(--dark);
}
.heroFloatingArrow {
  display: none;
}
.pt-huge {
  padding-top: 100px;
}
.pt-base {
  padding-top: 100px;
}
.rounded-30 {
  border-radius: 30px;
}
.rounded-24 {
  border-radius: 24px;
}
.rounded-20 {
  border-radius: 20px;
}
.bgBlackMixed {
  background: rgb(21,23,24);
background: linear-gradient(0deg, #151718 40%, rgba(0,0,0,1) 100%);
}
.dark--Bg {
  background: var(--darkbg);
}
.clientsLogo .clientLogoBlock img {
  max-height: 40px;
}
.flotHeading {
  padding: 7px 30px;
  background: var(--darkbg);
  border-radius: 50px;
  border: 2px solid #ffffff;
  font-weight: 300;
}
.ls-3 {
  letter-spacing: 3px;
}
.reportBlock {
  background-image: url(../images/call-center-software/new/grid.svg);
  background-repeat: repeat-x;
  background-position: left bottom;
  width: 100%;
}
.girlImg {
  display: none;
}
.all-call,
.queue-summary,
.live-agents {
  margin-bottom: 24px;
}
.curveArrow {
  display: none;
}
.blurBg {
  position: relative;
}
.blurBg:before {
  content: "";
  position: absolute;
  background: url(../images/call-center-software/new/blurBg.svg) no-repeat center bottom;
  width: 100%;
  height: 30px;
  left: 0;
  bottom: 0;
  background-size: cover;
}
.bg-yellow {
  background: var(--bs-yellow);
}
.remoteWork {
  position: relative;
  background: var(--bs-yellow)
}
.remoteWork:before {
  content: "";
  position: absolute;
  background: var(--bs-yellow);
  width: 50%;
  bottom: 0px;
  left: 0;
  height: 100%;
  z-index: -1;
}
.remoteWork:after {
  content: "";
  position: absolute;
  background: var(--bs-yellow);
  width: 50%;
  bottom: 0;
  right: 0;
  height: 50%;
  z-index: -1;
}
.avatar-button {
  display: inline-flex;
  align-items: center;
  justify-content: start;
}
.avatar-button .avatar-group {
  display: flex;
  align-items: center;
  padding-left: 50px;
}
.avatar-button .avatar-group img {
  --avatar-group-img-size: 64px;
  width: var(--avatar-group-img-size);
  height: var(--avatar-group-img-size);
  border-radius: 18px;
  border: 2px solid var(--dark);
  margin-left: -50px;
  position: relative;
}
.avatar-button .avatar-group img:nth-child(1) {
  opacity: .3;
}
.avatar-button .avatar-group img:nth-child(2) {
  opacity: .5;
}
.avatar-button .btn {
  margin-left: -20px;
}
.cta {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 24px;
  padding: 20px;
  border-radius: 20px;
}
.cta.small {
  font-size: 18px;
  font-weight: 500;
}
.cta.primary {
  background: rgba(var(--blue), .1);
  color: rgba(var(--blue), 1);
  border-color: rgba(var(--blue), .5);
}
.cta.outline {
  border: 1px solid;
}
.cta.primary .btn {
  background: rgba(var(--blue));
  border-color: rgba(var(--blue));
  color: rgba(var(--white));
  min-width: 165px;
}
.feature-badge {
  background: rgba(255, 251, 164, 0.05);
  color: rgba(255, 251, 164, 0.7);
  border: 1px solid rgba(255, 251, 164, 0.2);
  border-radius: 20px;
  font-size: 16px;
  font-weight: 400;
  padding: 15px 16px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(255,251,164,0.25);
  -moz-box-shadow: 0px 3px 0px 0px rgba(255,251,164,0.25);
  box-shadow: 0px 3px 0px 0px rgba(255,251,164,0.25);
  margin-bottom: 3px;
  -webkit-transition: all ease .3s;
     -moz-transition: all ease .3s;
       -o-transition: all ease .3s;
          transition: all ease .3s;

}
.feature-badge:hover {
  background: rgba(255, 255, 255, 1);
  color: rgba(var(--blue), 1);
  border: 1px solid rgba(255, 251, 164, 0.5);
  transform: translateY(-3px);
}
.gap-14 {
  gap: 10px;
}
.gap-10 {
  gap: 10px;
}
.heading-badge.white .dot {
  width: 4px;
  height: 4px;
  border-radius: 50px;
  background: #A7B8FF;
}
.infinite-bg:before {
  content: "";
  position: absolute;
  background: url(../images/call-center-software/new/infinite-large.svg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 100%;
  height: 640px;
  z-index: -1;
  bottom: -200px;
  left: 0px;
}
.report-screens .items .screen {
 border-radius: 30px 30px 0 0;
}
.report-screens .owl-item.active.center {
  opacity: 1;
}
.report-screens .owl-item {
  opacity: .5;
}

/*cloud telephony page*/
.featureslidebx ul { list-style:none;  margin:0 0 0 -20px;  padding:0; position:relative;  right:inherit;  bottom:inherit;  left:inherit; display:block}
.featureslidebx li { display:inline-block; width:80%!important; margin-bottom:10px; padding:15px 20px!important; margin-left:0!important; float:none; cursor:pointer!important; flex:inherit!important; height:inherit!important; text-indent:inherit!important; background:inherit!important; background-clip:inherit!important; border-top:inherit!important; border-bottom:inherit!important; opacity:1!important}
.featureslidebx li h3 { font-size:22px;  margin-bottom:5px; margin-top:0;color:#eab00f;  }
.featureslidebx li p {margin-bottom:0; font-size:17px; color:#ffffff9e}
.featureslidebx li.active p { color:#fff}
.featureslidebx li.active { background:#ffffff14!important; padding:15px 20px; border-radius:5px}
.featureslidebx .carousel-control-next,.carousel-control-prev {  background:0 0;  border:none}
.featureslidebx .carousel-control-prev { left:-50px}
.featureslidebx .carousel-control-next { right:-50px}
.report_screen_crousal .carousel-control-prev { left:-80px}
.report_screen_crousal .carousel-control-next { right:-80px}
.featureslidebx .carousel-control-prev span,
.featureslidebx .carousel-control-next span { width:62px;  height:62px;  background-color:#0000004a; display:inline-block;  color:#fff; border-radius:50%; font-size:52px;  line-height:normal;  background-size: 25px;}
.livecallscreen { padding-top: 19px; text-align: center; height: 500px;}

.fourColumnBlock{background: #f7f7f7; padding: 30px; border-radius: 16px;}
.fourColumnBlock p{ min-height:145px; }

.highlightlineBlock{ display:block; position:relative; padding-left: 60px;}
.highlightlineBlock span{position: absolute; left: 5px; top: 7px;}
.highlightlineBlock h3{font-size: 18px; font-weight: 400; margin-bottom:0px; background: #ffffffc2;  padding: 14px 10px 14px 38px;   color: #222; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%)}
 
.whyusblock{background: rgba(255, 251, 164, 0.05); border: 1px solid rgba(255, 251, 164, 0.2); border-radius: 20px; padding: 30px; font-weight: 400; box-shadow: 0px 3px 0px 0px rgba(255,251,164,0.25); min-height: 280px;}
.whyusblock h3{color: #fff; font-size: 20px; margin-bottom: 16px; line-height: 1.4;}
.whyusblock p{font-size: 16px; color: rgba(256, 256, 256, 0.7)}

.faqBloCK{padding: 10px 20px;}
.faqBloCK h3{font-size: 18px; position: relative;}
.faqBloCK h3 .Qicon{position: absolute;  left: -24px;  top: 3px;  font-size: 17px;  color: #999;}
.faqBloCK p{font-size: 16px;  }
.whyus-bg:before{content: "";  position: absolute; background: url(../images/corporate-communication-ucaas/cloudtelephony/whyusicon.svg);  background-repeat: no-repeat;
  background-position: left top;  width: 100%;  height: 640px;  z-index: -1;  bottom: -200px;  left: -250px; opacity: .1}
.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.lh-18 {
  line-height: 18px;
}

.section {
  padding: 50px 0;
}
.hero-case-study {
  padding: 20px 0;
}

/* Start Typography */
.heading {
  font-size: 24px;
  font-weight: 600;
}
.title {
  font-size: 20px;
  font-weight: 600;
}
.subheading {
  font-size: 16px;
  font-weight: 600;
}
.heading-lg {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

/* ===============================
=========== Header ===========
=============================== */
.header-buttons-sm {
  display: none;
}
.headerTransprant {
  width: 100%;
  box-shadow: none;
  padding: 10px 0;
}
.hc-offcanvas-nav .bottom-nav {
  display: flex;
  flex-direction: column;
  padding: 10px 17px;
  gap: 10px;
  justify-content: space-between;
}
.hc-offcanvas-nav .bottom-nav .nav-item-link {
  padding: 0px;
  border-bottom: 0px;
}
.mainheader.is-sticky{
  background: #0A0A0B8F
}
.header-light .mainheader.is-sticky{
  background: #ffffffe0;
}

.header-light:hover .headerTransprant {background: #fff!important}

.header-light .mainheader .dropMenuSection{box-shadow: 0 10px 10px -10px #adadad;}

.header-light #GetNumberBtn{background: #fff; color: #000; border: solid 1px #000}

/* Header dark */
.header-dark .nav-item .nav-link {
  color: #ffffff;
  font-weight: 400;
}
.pageTitle .heroImg img {
  border: 0px!important;
}
.header-dark.is-sticky {
  background: #010E39;
}
.header-dark .nav-item .nav-link:hover {
  color: #ffffff;
} 
.header-dark .navbar-brand.light {
  display: block;
}
.header-dark .navbar-brand.dark {
  display: none;
}

.header-dark .reqdemoBtn{background: #0dcaf0; border-color: #0dcaf0; color: #000}
.header-dark .SignInBtn{background: #fff}

/* Header light */
.header-light .nav-item .nav-link {
  color: var(--dark);
}
.pageTitle .heroImg img {
  border: 0px!important;
}
.header-light.is-sticky {
  background: #010E39;
}
.header-light .nav-item .nav-link:hover {
  color: var(--dark);
}
 
.header-light .navbar-brand.light {
  display: none;
}
.header-light .navbar-brand.dark {
  display: block;
}

/* ===============================
=========== Mobile navbar ===========
=============================== */
.hc-nav-trigger {
  position: relative;
  top: 2px;
}
.header-dark .hc-nav-trigger span, .header-dark .hc-nav-trigger span::before, .header-dark .hc-nav-trigger span::after {
  background: #ffffff;
}
.header-light .hc-nav-trigger span, .header-light .hc-nav-trigger span::before, .header-light .hc-nav-trigger span::after {
  background: #333333;
}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
  height: 2px;
}
.hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after {
  width: 8px;
  height: 8px;
}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
  background: #ffffff;
}
.hc-offcanvas-nav .nav-content>h2, .hc-offcanvas-nav .nav-content>h3, .hc-offcanvas-nav .nav-content>h4, .hc-offcanvas-nav .nav-content>h5, .hc-offcanvas-nav .nav-content>h6 {
  color: #ffffff;
  background: #4D5DFF;
  margin-bottom: 0px;
  font-size: 16px;
}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
  color: var(--dark);
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
  background: #e8ebee;
}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
  border-top: 1px solid #e8ebee;
}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
  border-bottom: 1px solid #e5e8eb;
}
.hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav .nav-back span::before {
  border-color: var(--dark);
}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
  background: #e8ebee;
}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover, .hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover, .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav .nav-back a:hover {
  background: #e8ebee;
}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child) {
  border-bottom: 0;
}
.hc-offcanvas-nav ul.bottom-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
}

/* ===============================
=========== Hero section ===========
=============================== */
.homeheroSection h1 {
  color: #d8d9e3;
  text-align: center;
  line-height: normal;
  font-size: 24px;
  font-weight: 500;
}
.heroMediaSection .widgettitle,
.heroMediaSection .widgetBlock, 
.heroMediaSection .titleText {
  font-size: 20px;
  color: #ffffff;
}
.heroMediaSection .widgetBlock {
  font-size: 26px;
}
.homeheroSection h1 .underline {
  position: relative;
  z-index: 1;
  color: var(--green);
}
.homeheroSection h1 .underline:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 18px;
  bottom: 0px;
  left: 0px;
  background: var(--green);
  z-index: -1;
  opacity: .15;
}
.homeheroSection h1 font{
  font-size: 2rem;
  font-weight: 400;
}
.hero-case-study .large {
  display: none;
}
.hero-case-study .small {
  display: block;
}
.heroMediaSection{
  margin-top: 20px;
}
.homeheroSection{
  position: relative;
  padding-top: 90px;
}
.homeheroSection:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 526px;
  background: rgb(10,15,74);
  background: linear-gradient(180deg, rgba(10,15,74,1) 0%, rgba(10,15,74,0) 100%);
}
.homeheroSection:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1018px;
  height: 470px;
  background: url(../images/homepage/right-botton-up112.png) no-repeat bottom right;
  background-size: contain;
  mix-blend-mode: multiply;
}
.HeroLeftSec{
  display:block;
  position:relative;
}

/* hero charts section */
.widgetBlock{
  background: rgba(255, 255, 255, .07);
  padding:12px;
  border-radius:14px;
  min-height: 125px;
}
.widgettitle{
  display:flex;
  align-items:
  center; gap: 12px;
}
.widgettitle svg {
  --svgSize: 16px;
  height: var(--svgSize);
  width: var(--svgSize);
}
.widgettitle .icon{
  text-align: center;
  border-radius: 10px;
  background: #fdfbfb0d;
  display: flex;
  align-items:center;
  justify-content: center;
  padding: 8px;
}
.widgettitle .titleText span{
  font-size: 11px;
  color: #ffffff;
  background: #3f9f3f;
  padding: 3px 6px;
  border-radius: 4px;
  font-weight: 500;
}
.widgettitle .titleText font{
  font-size: 18px;
  color: #ffffff;
}
.callsState{
  display: block;
  margin-top: 20px;
}
.callsState ul{
  list-style: none;
  margin: 0px;
}
.callsState li {
  display: flex;
  flex-direction: column;
  gap: 0px;
  justify-content: start;
  align-items: start;
}
.callsState li font {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.callsState li span {
  font-size: 13px;
  text-align: start;
}
.chartSelect {
  background: transparent;
  border: 0px;
  padding: 0px;
  color: #fff;
  padding-right: 10px;
  cursor: pointer;
  text-align: right;
}
.chartSelect:focus-visible {
  border: 0px;
  box-shadow: 0 0 0;
  outline: 0;
}

.chartSelect option{ font-size: 14px; background: #f2f2f2; color: #333}
 

.chartSection{
  background: #2f2e2e;
  margin-top: 10px;
  padding: 10px 10px;
  border-radius: 10px;
}
#livecallBarChart {
  width: 100%;
  max-width: 70%;
  display: inline-block;
}
#livecallBarChart .column {
  --aspect-ratio: 12 / 1.5;
}
.charts-css.column tbody tr td{
  border-radius: 10px;
}
#livecallBarChart {
  --color: rgb(203, 229, 255, .23);
}
#livecallBarChart table tr td:hover{
  --color: rgba(89, 171, 255, 1);
}
#linechart .apexcharts-toolbar {
  display: none;
}

/* curve header */
.pageTitleCurve {
  padding-top: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding-bottom: 80px;
}
/* .pageTitleCurve .heroImg img {
  max-height: 550px;
  border-radius: 20px;
  padding: 10px;
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 1px 1px 0 hsla(0,0%,100%,.1), 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3);
  background: #27292B;
} */
.pageTitleCurve button {
  font-size: 14px;
  border-radius: 50px;
  font-weight: 500;
  min-width: 140px;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pageTitleCurve .heroImg img {
  max-height: 350px;
  border: 0;
  box-shadow: 0 0 0;
  background: transparent;
}

/* ===============================
=========== Sizing ===========
=============================== */
.block-image img {
  max-height: 300px;
}

/* ===============================
=========== Testimonials ===========
=============================== */
.testimonialTab {
  background: rgba(var(--themecolorRGBA), .1);
  max-width: 900px;
  margin: 0 auto;
  border-radius: 40px;
  padding: 10px;
}
.testimonialTab .nav-link{
  border-radius: 20px;
  padding: 0.5rem 0.8rem !important;
  color: #444;
  font-weight: 500
}
.testimonialTab .nav-link:hover{
  color: var(--themecolor)
}
.testimonialTab .nav-link.active:hover{
  color: #fff
}
.testimonialTab .nav-link i{
  margin-right: 4px;
}
.testimonial-floating-diraction {
  display:none;
  position: absolute;
  left: -98px;
  top: -55px;
  transform: rotate(90deg);
}
.testimonials .tab-content {
  padding: 20px; border-radius: 20px; background: #f6f6f6;
}
.testimonial-box{
  background: #fff;
  padding: 100px 30px 30px;
  border-radius: 20px;
  position: relative;
}
.testimonial-box:after{
  position: absolute;
  top: 10px;
  left: 40px;
  content:"\f6b0";
  font-size: 64px;
  color: #666;
  font-family: bootstrap-icons;
  background: linear-gradient(to right, #ea5549, #6366f1);
  background-clip: border-box; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0,0,0,0);
}
.testiContent{
  font-size: 16px;
  color: var(--dark);
  position: relative;
  min-height: 180px;
}
.testimonial-slider .carousel-control-next, .testimonial-slider .carousel-control-prev{
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: -20px;
  background: #6366F1;
  top: inherit;
  border-radius: 50%;
}
.testimonial-slider .carousel-control-next-icon, .testimonial-slider .carousel-control-prev-icon{
  width: 1rem
}
.testimonial-slider .carousel-control-prev{
  right: 50px;
  left: inherit;
}
.testimonial-slider .carousel-item .custLogo img {
  max-height: 60px;
}
.testimonial-slider .auther-details .a-name {
  font-size: 16px;
  color: var(--dark);
  font-size: 16px;
  display: block;
  font-weight: 600;
}
.testimonial-slider .auther-details .a-designation {
  font-size: 14px;
}
.testimonialClient ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.testimonialClient ul li {
  background: #fff;
  border-radius: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}
.testimonialClient ul li img {
  width: 80px;
}
.testimonial-select {
  background-color: transparent;
  border: transparent;
  font-weight: 600;
}
.testimonial-select:focus {
  box-shadow: 0 0 0;
  border-color: transparent;
}
.custLogo{
  width: 100%;
  background: #fff;
  border-radius: 5px;
  min-height: 65px;
  margin-top: 4px;
  text-align: center;
  display: flex;
  align-items: center;
} 
.custLogo img{
  max-width: 100%;
}

/* ===============================
=========== Wordmap ===========
=============================== */
.networkSection {
  background: #0B0F19;
}
.worldMapSection{
  display:block;
  position:relative;
}
.networkSection h2 {
  font-size: 26px
}
.networkSection p {
  font-size: 14px
}
.worldMapSection .pin{
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%; 
  transition: all .3s ease;
  animation: animate-pulse 3s linear infinite;
  background: #d73f84;
}
.worldMapSection .pin span{
  background: #fff;
  color: #333;
  text-align: left;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 14px;
  position: absolute;
  left: 20px;
  top: -5px;
  opacity: 1;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.70);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.70);
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.70);
}
.worldMapSection .pin span.top::before {
  content: '';
  position: absolute;
  display: block;
  width: 0px;      
  left: 50%;
  bottom: 1px;
  border: 10px solid transparent;
  border-bottom: 0;
  border-top: 10px solid #fff;
  transform: translate(-50%, calc(100% + 0px));
}
.worldMapSection .pin span.bottom::before {
  content: '';
  position: absolute;
  display: block; 
  width: 0px;
  left: 50%;
  top: 0; 
  border: 10px solid transparent;
  border-top: 0;
  border-bottom: 10px solid #fff;
  transform: translate(-50%, calc(-100% - 0px));
}
.worldMapSection .pin.india {
  top: 44%;
  right: 29%;
}

.othrcity{position: absolute; background: #fff; padding: 10px; left: 80px; top: -68px; border-radius: 10px; display: none; font-size:15px;  }
.worldMapSection .pin.india span:hover .othrcity{display: block;  }

.worldMapSection .pin.singapure {
  top: 58%; 
  right: 21%;
}
.worldMapSection .pin.sydney {
  top: 82%;
  right: 9%;
}
.worldMapSection .pin.rio {
  top: 73%;
  left: 37%;
}
.worldMapSection .pin.california {
  top: 38%;
  left: 17%;
  }
.worldMapSection .pin.frankfurt {
  top: 26%;
  left: 52%;
}
.worldMapSection .pin.paris {
  top: 28%;
  left: 50%;
} 
.worldMapSection .pin:hover span {
  opacity: 1
}
.worldMapSection .pin.india span {
  left: 50%;
  top: -205px;
  transform: translateX(-50%);
}
.worldMapSection .pin.singapure span {
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
}
.worldMapSection .pin.sydney span {
  top: -48px;
  left: 50%;
  transform: translateX(-50%);
}
.worldMapSection .pin.rio span {
  left: 50%;
  top: -48px;
  transform: translateX(-50%);
}
.worldMapSection .pin.california span {
  left: 50%;
  top: 28px;
  transform: translateX(-50%);
}
.worldMapSection .pin.frankfurt span {
  left: 50%;
  top: -48px;
  transform: translateX(-50%);
}
.worldMapSection .pin.paris span {
  left: 50%;
  top: 28px;
  transform: translateX(-50%);
}

/* ===============================
=========== Request a demo ===========
=============================== */
.getstartSection {
  background: #F9E8E8;
}
.contctPersonbanner {
  display: none;
}
.getstartSection ul {
  list-style:none;
  margin:0px;
  padding:0px;
  display: flex;
  flex-wrap: wrap;
}
.getstartSection ul li {
  display:inline-block;
  width: 100%;
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}
.getstartSection ul li i {
  margin-right: 5px;
  color:#c16b43;
}
.contctPersonbanner {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 500px;
  text-align: end;
}
.contctPersonbanner img {
  max-width: 100%;
  width: 80%;
}

/* ===============================
=========== Video Frame ===========
=============================== */
.videoframe{
  background: #2a2a2a;
  padding: 15px;
  border-radius: 15px;
  position: relative;
  padding-top: 30px;
}
.videoframe ifarme{
  border-radius: 10px;
}
.videoframe .indicator{
  position: absolute;
  left:20px;
  top:5px;
}
.videoframe .indicator span{
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
}
.videoframe .indicator span:nth-child(1){
  background:#FF5F56
}
.videoframe .indicator span:nth-child(2){
  background:#FFBD2E
}
.videoframe .indicator span:nth-child(3){
  background:#26C73E
}

/* ===============================
=========== Card ===========
=============================== */
.card.small {
  padding: 24px;
}
.card.small img {
  height: 200px;
}
.blockwhitebg{background: #fff;  border-radius: 16px; padding: 30px; font-weight: 400;   height:100% }
.blockwhitebg h3{  font-size: 20px; }
.blockwhitebg .icon{width: 88px;  height: 72px;  position: relative;  display: inline-block;}
.blockwhitebg .icon svg { width: 60px; height: 60px;}
.screenwidgetSec{background: #42424442; padding: 2rem; border-radius: 1.5rem;}
.screenwidgetSec h3{font-size: 22px; color: #EEC138}
.screenwidgetSec p{font-size: 18px; color: rgba(240, 240, 240, 0.7)}
.screenwidgetSec .screenImage{ display: block; mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%,  rgb(0, 0, 0, 1) 50%,  rgb(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%)}
.screenwidgetSec .screenImage img{border-radius: 10px; width: 100%;}

.pbxImgBlock{padding: 50px; background: #f0f8ff0a; border-radius: 20px; margin-top: 24px;} 
.pbxFtrSec .col-md-3, .pbxFtrSec .col{ padding: 7px 7px;}
.pbxFtrBox { background: #0D2DCD; border-radius: 15px; border:1px solid rgba(255, 251, 164, 0.2); padding: 30px;}
.pbxFtrBox .icon{display: inline-block; margin-bottom: 15px;}
.pbxFtrBox .icon svg{fill: #fff9; width: 50px; height: 50px;  }
.pbxFtrBox h3{font-size: 20px; margin-bottom: 16px; color: #fff; line-height: 1.4;}
.pbxFtrBox p {font-size: 16px; color: rgba(256, 256, 256, 0.7); margin-bottom: 0px;} 
.copy_tooltip {position: relative; display: inline-block;
}
.copy_tooltip .copy_tooltip_text {
  visibility: hidden;
  width: auto;
  background-color: #88ddff;
  color: #333;
  font-weight: 500;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 34px;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
}
.copy_tooltip .copy_tooltip_text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #88ddff;
}
.copy_tooltip:hover .copy_tooltip_text {
  visibility: visible;
  opacity: 1;
}
.features-center-img img {
  max-height: 600px;
}


/* ---------------------------------------------
================== Contact Us page ==================
--------------------------------------------- */
.contactFormSection{width: 100%; background: #fff;  border-radius: 20px; padding: 45px;}
.contactFormSection .heading{margin-bottom: 20px;}
.contactFormSection .form-group{margin-bottom: 15px;}
.contactFormSection .form-group label{margin-bottom: 5px; font-size: 15px; font-weight: 500}
.contactFormSection  .form-control.error { border-color: #ed9090 !important;}
.contactAdtnlDtl .card{box-shadow: none; border: none}
.contactAdtnlDtl .card-body{background: #ececec; text-align: center;   padding:30px 35px; border-radius: 10px; min-height: 225px; box-shadow: none}
.contactAdtnlDtl .card-body h4{margin-bottom: 10px; margin-top: 15px; font-weight: bold; font-size: 22px;}
.contactAdtnlDtl .card-body p{font-size: 14px; color: #444}
.contactAdtnlDtl .btn-secondary{background: #242632; border-color: #242632; font-weight: 600;}
.contactAdtnlDtl .btn i{margin-right: 5px;}
.contactAdtnlDtl .btn-secondary.text-primary{color: #8e85e6!important}
.socialmediaIcon a{display: inline-block;  background: #000; margin: 0px 4px; width: 30px; height: 30px; line-height: 30px; border-radius: 4px; text-align: center; font-size: 16px; color: #fff}
.socialmediaIcon a.bg-fb{background: #5475bc}
.socialmediaIcon a.bg-insta{background: #c22b72}
.socialmediaIcon a.bg-twitter{background: #40bff5}
.socialmediaIcon a.bg-linkedin{background: #238cc8}

/* ---------------------------------------------
================== Privacy Policy Section ==================
--------------------------------------------- */
.privacy_policy_sec{max-width: 1000px;}
.privacy_policy_sec p{font-size: 16px;}
.privacy_policy_sec h2.subheading{border-bottom: solid 1px #DFDFE3; padding-bottom: 15px; margin-bottom: 15px; margin-top: 40px; font-size: 22px;}
.privacy_policy_sec .number_listing_ul { display: block;  width: 100%; margin-bottom: 15px;}
.privacy_policy_sec .number_listing_ul ul { list-style: none; margin: 0;padding: 0;}
.privacy_policy_sec .number_listing_ul li { display: inline-block; width: 100%; position: relative; padding-left: 32px; margin-top: 10px; margin-bottom: 10px;}
.privacy_policy_sec .number_listing_ul li span { width: 21px; height:21px; background: #747579; color: #fff; text-align: center; border-radius: 50%; font-size: 14px; display: inline-block; position: absolute; left: 0; top: 4px;  line-height: 21px;}
.privacy_policy_sec .number_listing_ul li p {  margin-bottom: 0;}


/* ---------------------------------------------
================== Resources page ==================
--------------------------------------------- */
.doc_wraper {
  display: flex;
  flex-direction: column;
}
.doc_wraper_lg {
  display: flex;
  flex-direction: column;
}
.doc_wraper_lg .videoframe {
  max-width: 90%;
}
.codeblock_Section {
  background: #142848;
}
.doc_content_Sec{
  background: #f9f9f9;
  padding: 30px;
}
.doc_table_content{
  display: block;
  overflow-x: scroll;
}
.doc_table_content table{
  margin-bottom: 0px;
}
.doc_table_content table tr th{
  font-size: 17px;
  background:#e4e9ff;
  color: #043556;
  font-weight: normal;
  padding: 2px 15px;
}
.doc_table_content table tr td{
  font-size: 14px;
  background: ghostwhite;
  padding: 15px;
}
.doc_table_content table tr td .field_type {
  background: #d7eaf9;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-family: monaco,courier;
  white-space: nowrap;
}
.doc_table_content table tr td .field_name{
  color: darkslategray;
  font-weight: 600;
  min-width: 80px;
  display: inline-block;
}
.doc_table_content table tr td.field_description p{
  margin-bottom: 0px;
}
.doc_table_content table tr td.field_description .bullet_list{
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.doc_table_content table tr td.field_description .bullet_list li{
  position: relative;
  margin-bottom: 10px;
  color: #233659;
  padding-left: 15px;
}
.doc_table_content table tr td.field_description .bullet_list li:after{
  position: absolute;
  left: 0px;
  top: 5px;
  content: "\f111";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 9px;
  color: #777ea49e
}
.doc_table_content .exampleblock{
  display: block;
  background: #088bf338;
  padding: 5px 15px;
  margin-top: 15px;
}
.doc_table_content table tr td.field_description .default_value{
  padding: 2px 10px;
  background: #deddd0;
  border-radius: 4px;
  font-size: 13px;
}
.doc_table_content table tr td.default_value .default_value{
  padding: 2px 10px;
  background: #673ab71f;
  border-radius: 4px;
  font-size: 11px;
}
.white_Bg_box{
  padding: 15px;
  border-radius: 4px;
  font-size: 17px;
  background-color: #43a8f7;
  border: solid 1px #2897ee;
  color: #f9f9f9 ;
  font-family: monaco,courier;
  font-weight: normal;
}
.highlight_bg{
  background-color: #d2f4ea;
}
.hljs{
  background: #121c2f!important;
}
/* for block of numbers */
.hljs-ln-numbers {
  text-align: center;
  color: #cccccc7a;
  border-right: 1px solid #FFFFFF2E;
  vertical-align: top;
  padding-right: 15px!important;
}
/* for block of code */
.hljs-ln-code {
  padding-left: 10px!important;
}
.main_link {
  display: inline-flex;
  align-items: center;
  padding: .25rem 22px;
  color: #fafafac4;
  background-color: transparent;
  border: 0;
  width: 100%;
  font-size: 16px;
}
.sidebar-link-list{height: calc(100vh - 60px); overflow: auto}
.sidebar-link-list a {
  color: #fafafac4;
  font-weight: normal;
  font-size: 14px;
  padding: 4px 0;
  display: block; text-align: left;
}
.sidebar-link-list a i {
  color: #ffffff6b;
}
.sidebar-link-list li.active a {
  color: var(--primaryBlue);
}
.main_link:hover,
.main_link:focus {
  color: #fff;
  background-color: none;
  box-shadow: none;
}
.main_link::before {
  content:"\F3D9";
  font-family: "bootstrap-icons";
  font-style: normal;
  transition: transform .35s ease;
  margin-right: 5px;
}
.sidebar-link-list .text-white {
  color: rgba(var(--darkrgba), 1)!important;
}
.main_link[aria-expanded="true"] {
  color: #fff;
}
.main_link[aria-expanded="true"]::before {
  content: "\F3D1";
}
.doc_nav_section {
  background: #142848;
  width: 270px;
  border-right: 1px solid #dee2e6;
}
.single_post_menu {
  font-size: 16px;
  color: #333;
  padding-left: 20px;
}
 
.pdfViewSection {
  width: 100%;
  height: 508px;
  margin: 0 auto;
}
.videoframe {
  border-radius: 5px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}
.scrollarea {
  overflow-y: auto;
}
.code_viewtab {
  display: block;
  border-bottom: solid 1px #dee2e614;
}
.code_viewtab .nav-tabs{
  border-bottom: none;
}
.code_viewtab .nav-tabs .nav-item.show .nav-link,
.code_viewtab .nav-tabs .nav-link.active {
  background:none;
  color: #fff;
  border-bottom: solid 2px #df9728;
}
.code_viewtab .nav-tabs .nav-link {
  border: 0px;
}
.code_viewtab .nav-link {
  background: none;
  font-size: 14px;
  color: rgba(256,256,256,.5);
}
.saprator_border {
  border-bottom: dashed 1px #04355642;
  opacity: 1;
  background:transparent;
  margin: 15px 0px 10px;
}
.errorcode_datatable thead tr th,
.errorcode_datatable tbody tr td,
.errorcode_datatable tr {
  border-color: #f9d0cc99;
}
.errorcode_datatable thead tr th {
  background: #fed0cd;
  color: #c83e68;
}
.errorcode_datatable tbody tr td {
  background: #fdf2f5;
}
.errorcode_datatable tbody tr td .field_name {
  color: #bc0d49;
}
.errorcode_datatable tbody tr td.field_description p {
  color: #bc0d49;
}
.code_tab_Sec {
  background: #121c2f;
  height: 100%;
  position: relative;
}
.bhghlight {
  color: #894a49;
}
.code_copy_btn {
  display: block;
  text-align: right;
  margin-top: 10px;
  margin-right: 10px;
}
.code_copy_btn button {
  padding: 0px;
  background: none;
  border: none;
  outline: none;
}
.code_copy_btn i {
  background:#2a4370;
  color: #fff;
  border-radius: 4px;
  border: none;
  outline: none;
  height: 25px;
  width: 25px;
  line-height: 25px;
}


.clpssubfolder{margin-top: 5px;}
.clps_submenu{display: block; font-size: 17px;}
.clps_submenu .main_link{width: 20px; padding-right: 0px; padding-left:0px   }
.clps_submenu .main_link::before{margin-right: 5px; width: 22px;}
.clpssubfolder .main_link_dropdown a{  display: block; font-size: 13px; color: #fafafac4; font-weight: normal;}
.clpssubfolder .main_link_dropdown a:hover{}

.clps_submenu a{   cursor: pointer; }
.clps_submenu a:hover{text-decoration: underline;}
.clpssubfolder .main_link_dropdown a font{display: inline-block; width: 32px; font-size: 10px; vertical-align: text-bottom; background: #ececec; text-align: center; border-radius: 4px; color: #333}
.get_tag{background: #33b833!important; color: #fff!important}
.post_tag{background:#c3840b!important;color: #fff !important}

.sidebar-link-list a.active{color: #faab14}

.codesecheading{color: #df9728; font-size:18px; margin-bottom:0px; border-bottom: solid 1px #dee2e614; }  
.code_viewtab{display: block; border-bottom: solid 1px #dee2e614; }
.code_viewtab .nav-tabs{border-bottom: none}
.code_viewtab .nav-tabs .nav-item.show .nav-link, .code_viewtab .nav-tabs .nav-link.active{background:none; color: #fff; border-bottom: solid 2px #df9728}
.code_viewtab .nav-tabs .nav-link{border: 0px;}
.code_viewtab .nav-link{background: none; font-size: 14px; color: rgba(256,256,256,.5);}

.saprator_border{ border-bottom: dashed 1px #04355642; opacity: 1; background: transparent; margin: 15px 0px 10px;} 

 .response_exapmle_sec{background: #121c2f; height: 50vh}
.response_exapmle_sec h3{background: #121c2f; border-top: solid 1px #f0f8ff26; padding-top: 5px; padding-bottom: 5px; color: #df9728; font-size: 16px; margin-bottom: 0px; border-bottom: solid 1px #dee2e614;}
.exm_response_tab{display: block; border-bottom: solid 1px #dee2e614; background: #0e1626; }
.exm_response_tab .nav-tabs { border-bottom: none;}
.exm_response_tab .nav-tabs .nav-item.show .nav-link, .exm_response_tab .nav-tabs .nav-link.active { background: none; color: #fff; border-bottom: solid 2px #df9728;}
.exm_response_tab .nav-link {background: none;  font-size: 14px;  color: rgba(256,256,256,.5); border: none; padding: 5px 17px;}



.apirequest_dropdown .btn{padding: 1px 10px; color: #fff; background-color: #121c2f; border-color: #121c2f}
.apirequest_dropdown .btn:focus{box-shadow: none;}
.apirequest_dropdown .dropdown-menu{background-color: #fff; border-radius: 0px;}
.apirequest_dropdown .dropdown-item{font-size: 17px;}

.doc_content_Sec h3{font-size: 18px;}


.doc_content_Sec ul{list-style: none; padding: 0px; margin: 0px; padding-left: 20px;}
.doc_content_Sec ul li{ position: relative; margin-bottom: 8px; color: #233659; padding-left: 20px; font-size: 15px;}
.doc_content_Sec ul li:after{position: absolute; left: 3px; top: 7px; content: "\f111"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 6px; color: #777ea49e}

.doc_table_content tr td:first-child{font-weight: 600; color: darkslategray}
.errorcode_datatable tbody tr td{ color:#234072!important; font-size: 16px;}

blockquote { display: block;  background: #fff0e4; padding: 5px 15px; margin-top: 15px; border-radius: 5px; }
blockquote p{margin-bottom: 0px;}
.doc_content_Sec h4{margin-bottom: 15px; font-size: 16px;}
.doc_content_Sec h2 em, .doc_content_Sec h4 em{background: #d2f4ea; font-size: 14px; border-radius: .25rem; padding: .25rem .50rem; font-style: normal; }

.posiblevalue{ color: #0d6efd; font-weight: normal; }

.doc_table_content tr td code{background: #088bf338; padding: 0px 15px 3px; color: #233659; display: block; font-size: 13px; font-family: inherit;}
.doc_table_content tr td code + br{display: none;}
.doc_table_content tbody tr td code:first-child{padding-top: 5px; font-weight: bold;} 
.doc_table_content tr td code:last-child{padding-bottom: 5px;}

.doc_table_content tr td code.text_bold{padding-top: 5px; font-weight: bold; font-size: 14px; color: #1e345b}

.doc_table_content tr td em{background:#f9e5d7; padding: 2px 10px; border-radius: 4px; font-style: normal;}
.doc_table_content tr td strong em{background: transparent; padding: inherit; color: #894a49} 
 
.doc_nav_section { background: #142848;  width: 270px;  border-right: 1px solid #dee2e6;  position: sticky; position:  -webkit-sticky;;
    top: 0;  align-self: flex-start;  min-height: 100vh;}


.doc_table_content{ margin-bottom: 20px;} 
.doc_table_content  tr th{font-size: 17px; background:#e4e9ff; color: #043556; font-weight: normal;  padding: 2px 15px; }
.doc_table_content  tr th strong{font-weight: normal;}
.doc_table_content  tr td{font-size: 14px; background: ghostwhite; padding: 15px; color: #233659}
.doc_table_content  tr td .field_type {background: #d7eaf9; padding: 2px 8px;  border-radius: 20px;  font-size: 11px; font-family: monaco,courier; white-space: nowrap;}
.doc_table_content  tr td .field_name{color: darkslategray; font-weight: 600; min-width: 80px; display: inline-block;}
.doc_table_content  tr td.field_description p{margin-bottom: 0px;}
.doc_table_content  tr td.field_description .bullet_list{list-style: none; padding: 0px; margin: 0px;}
.doc_table_content  tr td.field_description .bullet_list li{ position: relative; margin-bottom: 10px; color: #233659; padding-left: 15px;}
.doc_table_content  tr td.field_description .bullet_list li:after{position: absolute; left: 0px; top: 5px; content: "\f111"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 9px; color: #777ea49e}
.doc_table_content .exampleblock{display: block; background: #088bf338; padding: 5px 15px; margin-top: 15px; }
.doc_table_content  tr td.field_description .default_value{ padding: 2px 10px; background: #deddd0; border-radius: 4px; font-size: 13px; }

.doc_table_content  tr td.default_value .default_value{ padding: 2px 10px; background: #673ab71f; border-radius: 4px; font-size: 11px; }


.doc_content_Sec pre:has(code){overflow: visible}