@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik/static/Rubik-Light.ttf') format('truetype');
  font-weight: 300; /* Light */
  font-style: normal;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik/static/Rubik-Regular.ttf') format('truetype');
  font-weight: 400; /* Normal */
  font-style: normal;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik/static/Rubik-SemiBold.ttf') format('truetype');
  font-weight: 600; /* SemiBold */
  font-style: normal;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik/static/Rubik-Bold.ttf') format('truetype');
  font-weight: 700; /* Bold */
  font-style: normal;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik/static/Rubik-ExtraBold.ttf') format('truetype');
  font-weight: 800; /* ExtraBold */
  font-style: normal;
}
body, p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Rubik", sans-serif !important;
}
body, p {
  color: #213f6f;
  font-size: 1rem;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #213f6f !important;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6 {
  color: #fff !important;
}
hr {
  border-top-color: rgba(33, 63, 111, 0.5);
  margin: 1rem auto 2rem !important;
}
.dropdown-item {
  color: #213f6f;
}
a {
  color: #213f6f;
}
.btn, .nav-link {
  font-size: 1rem;
}
.h-fullscreen, .h-100vh {
  height: 87vh !important;
}
.social a {
  opacity: unset;
}
.social a i:hover {
  color: orange !important;
}
.ticket-client {
  font-size: 14px;
  width: 100%;
  height: auto;
  background-color: #EEE;
  border: solid 1px #BBB;
  padding: 10px;
  margin-bottom: 10px;
  float: left;
  border-radius: 10px;
}
.ticket-admin {
  font-size: 14px;
  border-radius: 10px;
  width: 800px;
  height: auto;
  background-color: #c0eef9;
  border: solid 1px #10b3d6;
  padding: 10px;
  margin-bottom: 10px;
  float: right;
}
.detay-btn {
  color: #fff;
  background-color: #0e6770;
  border-color: #0e6770;
  border-radius: 5px;
}
.detay-btn:hover {
  color: #fff;
  background-color: #325262;
  border-color: #325262;
}
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}
.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
  opacity: 1;
}
.input-selectbox {
  background: #F3F5F4;
  color: #8E8E8E;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 1rem 0;
  padding: 0 1rem;
}
.border-dark {
  border-color: #c4c4c4 !important;
}
.rounded {
  border-radius: .5rem !important;
}
.price-cards-style-custom {
  border: 2px solid #213f6f;
}
fieldset.custom-fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 1px solid #c4c4c4;
  border-radius: 0.5rem;
}
fieldset.custom-fieldset.colored-blue {
  border-color: #213f6f;
}
.custom-legend {
  width:unset;
  font-size: 13px;
}
.hint-text {
  color: #007bff;
  cursor: pointer;
  text-align: center;
  margin-top: -1rem;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.hint-text:hover {
  color: #213F6F;
  font-weight: 700;
}
.colored-blue .custom-legend button {
  color: #213F6F;
  text-decoration: none;
}
.bg-light-gray-advanced-management {
  background-color: #f9f9f9;
}
.lists {
  display: flex;
  justify-content: space-around;
}
.input-textarea {
  background: #F3F5F4;
  color: #8E8E8E;
  width: 100%;
  margin: 1rem 0;
  padding: 0 1rem;
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus,
.btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-outline-info {
  color: #213f6f;
  background-color: transparent;
  background-image: none;
  border-color: #213f6f; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    color: #29abe2;
    box-shadow: 0 0 0 0rem rgba(23, 162, 184, 0.5); }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #213f6f;
    border-color: #213f6f;
    box-shadow: 0 1px 10px rgba(23, 162, 184, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #29abe2;
    background-color: transparent; }
  .btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #29abe2;
    border-color: #29abe2;
    box-shadow: 0 0 0 0rem rgba(23, 162, 184, 0.5); }
.text-info {
  color: #17a2b8 !important;
}
.footer-link {
  color: #213f6f;
}
a.text-info:hover,
a.text-info:focus {
  color: #0f6674 !important;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out;
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
@-webkit-keyframes slide {
  from {
    background-position: 0px;
  }
  to {
    background-position: calc(100vw);
  }
}
@keyframes slide {
  from {
    background-position: 0px;
  }

  to {
    background-position: calc(100vw);
  }
}
.cloud-section {
  position: absolute;
  width: 100%;
  height: 40vh;
  margin-top: 20vh;
  background: url('/assets/img/cloud.png');
  background: image-set('/assets/img/cloud.png.webp');
  -moz-animation: slide 250s linear infinite;
  -webkit-animation: slide 250s linear infinite;
  animation: slide 250s linear infinite;
  background-position: bottom;
  background-size: cover;
  z-index: 1;
  bottom: 0;
}
.cloud-cover {
  position: relative;
  background: linear-gradient(1deg, #3cd5fa 20.81%, #2fb3dc 44.92%, #0e5c90 98.03%, #0d598d 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3CD5FA", endColorstr="#0D598D", GradientType=1);
}
.bg-0BAAD2 {
  background-color: #213f6f;
}
.cdn-tabs li .active+.arrow {
  display: block;
}
.cdn-tabs .nav-item .arrow {
  width: 100%;
  border-bottom: 2px solid #29ABE2;
  position: relative;
  float: right;
  display: none;
}
.cdn-tabs .nav-item .arrow .triangel-blue {
  width: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0px auto;
  z-index: 12;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 12px 12px;
  border-color: #fff transparent transparent transparent;
  float: right;
}
.cdn-tabs .nav-item .arrow .triangle-white {
  width: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0px auto;
  z-index: 11;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 15px 15px;
  border-color: #0BAAD2 transparent transparent transparent;
  float: right;
}
.cdn-pull-box .sdn-pull-img {
  float: left;
  width: 33.333%;
}
/*** Datatables start ***/
table.dataTable {
  border: 0px !important;  
}
table.dataTable thead th {
  border: 0px !important;
  color: #8E8E8E;
  font-weight: 500;  
}
table.dataTable.display tbody tr.odd {
  background-color: #F2F2F2 !important;
  color: #7d7a7a;
}
table.dataTable.display tbody tr {
  background-color: #e2f2fe !important;
  color: #7d7a7a;
}
table.dataTable.display tbody tr.odd td a {  
  color: #fff;
}
.switch-container-cdn {
  position: relative;
  width: 80px;
  height: 30px;
}
.toggle-switch-cdn {
  display: none;
}
.switch-label-cdn {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  border-radius: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
.switch-label-cdn::before {
  content: '';
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: white;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  transition: left 0.3s ease-in-out;
}
.toggle-switch-cdn:checked + .switch-label-cdn {
  background-color: #4caf50;
}
.toggle-switch-cdn:checked + .switch-label-cdn::before {
  left: 52px;
}
.label-on, .label-off {
  position: absolute;
  width: 100%;
  line-height: 30px;
  font-size: 11px;
  color: white;
  transition: opacity 0.3s ease-in-out;
}
.label-on {
  opacity: 0;
  text-align: left;
  left: 6px;
}
.label-off {
  opacity: 1;
  text-align: right;
  right: 6px;
}
.toggle-switch-cdn:checked + .switch-label-cdn .label-on {
  opacity: 1;
}
.toggle-switch-cdn:checked + .switch-label-cdn .label-off {
  opacity: 0;
}
table.dataTable.display tbody tr.odd td {
  border-left: 1px solid #fff;
}
table.dataTable.display tbody tr td.sorting_1 {
  background-color: #E6E6E6 !important;
  color: #7d7a7a;
}
table.dataTable.display tbody tr.odd td.sorting_1 {
  background-color: #F2F2F2 !important;
  color: #7d7a7a;
}
/*** Datatables finish ***/
.home-try-box .home-try-box-img {
  text-align: center;
}
.home-try-box .home-try-box-img img {
  width: 4vw;
}
.home-try-boxes .row .col-md-3:nth-child(1) .home-try-box {
  background: -ms-linear-gradient(45deg, #ff0566 0%, #fe185e 15.8%, #fb5941 73.01%, #fa7236 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0566', endColorstr='#FA7236' ,GradientType=0)";
  background: linear-gradient(45deg, #ff0566 0%, #fe185e 15.8%, #fb5941 73.01%, #fa7236 100%);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF0566", endColorstr="#FA7236", GradientType=1);
}
.home-try-boxes .row .col-md-3:nth-child(2) .home-try-box {
  background: -ms-linear-gradient(108deg, #ffff6a 0%, #ffe152 7.74%, #ffc23a 17.74%, #ffa825 28.68%, #ff9416 40.7%, #ff860a 54.4%, #ff7d04 71.18%, #ff7b02 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF6A', endColorstr='#FF7B02' ,GradientType=0)";
  background: linear-gradient(-18deg, #ffff6a 0%, #ffe152 7.74%, #ffc23a 17.74%, #ffa825 28.68%, #ff9416 40.7%, #ff860a 54.4%, #ff7d04 71.18%, #ff7b02 100%);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFF6A", endColorstr="#FF7B02", GradientType=1);
}
.home-try-boxes .row .col-md-3:nth-child(3) .home-try-box {
  background: -ms-linear-gradient(-45deg, #5d28fe 0%, #632cfc 16.68%, #7537f6 39.89%, #9349ed 66.92%, #bc62e0 96.64%, #c165de 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D28FE', endColorstr='#C165DE' ,GradientType=0)";
  background: linear-gradient(135deg, #5d28fe 0%, #632cfc 16.68%, #7537f6 39.89%, #9349ed 66.92%, #bc62e0 96.64%, #c165de 100%);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5D28FE", endColorstr="#C165DE", GradientType=1);
}
.home-try-boxes .row .home-try-box {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  padding: 5vh 0vw;
  height: 35vh;
  text-align: center;
  margin-top: -10vh;
}
.home-try-boxes .row .home-try-box:hover {
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}
.features-section-desc {
  font-size: 18px;
  font-weight: 400;
  margin-top: -3em
}
.cdn-box-title {
  font-weight: 500;
  font-size: 16px;
}
.cdn-box-description {
  font-size: 14px;
  font-weight: 300;
}
.home-pay-section {
  padding: 40px 0px;
}
.home-pay-section .home-pay .home-pay-title {
  text-align: center;
}
.home-pay-section .home-pay .home-pay-title h6 {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  color: #213F6F;
}
.text-lighter {
  color: #41586A !important;
}
.text-muted {
  color: #213F6F !important;
}
.home-pay-section .home-pay .home-pay-title h3 {
  font-weight: 300;
  font-size: 43px;
  letter-spacing: 1px;
}
.home-pay-section .home-pay .home-pay-title h5 {
  font-weight: 300;
  font-size: 23px;
  letter-spacing: 1px;
}
.pricing-1 .plan-name {
  border-bottom: 2px solid #213f6f;
}
.nav-uppercase>.nav-link, .nav-uppercase>.nav-item>.nav-link {
  text-transform: capitalize;
  font-weight: 700;
}
.nav-uppercase>.nav-link:hover, .nav-uppercase>.nav-item>.nav-link:hover {
  color: orange;
}
[data-overlay]::before, [data-overlay-light]::before {
  background: #213F6D;
}
[data-overlay="5"]::before {
  opacity: .7;
}
.bg-light-blue {
  background-color: #e2f2fe;
}
.login-section {
  background: #213F6D;
}
.home-pay-section .home-pay .home-pay-content .storage-checked {
  width: 80%;
  margin: 0px auto;
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section {
  display: flex;
  margin: 3rem auto;
  width: 80%;
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section .home-slider-btn-title {
  width: 80px;
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section .slide-btn {
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 0px 15px;
  background-color: #10B3D6;
  cursor: pointer;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section .slide-btn i {
  color: #fff;
  font-size: 13px;
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section .home-slider-btn {
  width: 80%;
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section .home-slider-btn .slider-horizontal {
  width: 100%;
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section .home-slider-btn .slider-horizontal .slider-track {
  background: -moz-linear-gradient(0% 50% 0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -webkit-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #4ca1af), color-stop(0.2082, #4b9dab), color-stop(0.4074, #4792a0), color-stop(0.6031, #417e8e), color-stop(0.7964, #386374), color-stop(0.9865, #2d4153), color-stop(1, #2c3e50));
  background: -o-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -ms-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CA1AF', endColorstr='#2C3E50' ,GradientType=0)";
  background: linear-gradient(90deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CA1AF', endColorstr='#2C3E50', GradientType=1);
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section .home-slider-btn .slider-horizontal .slider-track .slider-track-low {
  background: -moz-linear-gradient(0% 50% 0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -webkit-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #4ca1af), color-stop(0.2082, #4b9dab), color-stop(0.4074, #4792a0), color-stop(0.6031, #417e8e), color-stop(0.7964, #386374), color-stop(0.9865, #2d4153), color-stop(1, #2c3e50));
  background: -o-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -ms-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CA1AF', endColorstr='#2C3E50' ,GradientType=0)";
  background: linear-gradient(90deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CA1AF', endColorstr='#2C3E50', GradientType=1);
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section .home-slider-btn .slider-horizontal .slider-track .slider-selection {
  background: -moz-linear-gradient(0% 50% 0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -webkit-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #4ca1af), color-stop(0.2082, #4b9dab), color-stop(0.4074, #4792a0), color-stop(0.6031, #417e8e), color-stop(0.7964, #386374), color-stop(0.9865, #2d4153), color-stop(1, #2c3e50));
  background: -o-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -ms-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CA1AF', endColorstr='#2C3E50' ,GradientType=0)";
  background: linear-gradient(90deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CA1AF', endColorstr='#2C3E50', GradientType=1);
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section .home-slider-btn .slider-horizontal .slider-track .slider-track-high {
  background: -moz-linear-gradient(0% 50% 0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -webkit-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #4ca1af), color-stop(0.2082, #4b9dab), color-stop(0.4074, #4792a0), color-stop(0.6031, #417e8e), color-stop(0.7964, #386374), color-stop(0.9865, #2d4153), color-stop(1, #2c3e50));
  background: -o-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  background: -ms-linear-gradient(0deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CA1AF', endColorstr='#2C3E50' ,GradientType=0)";
  background: linear-gradient(90deg, #4ca1af 0%, #4b9dab 20.82%, #4792a0 40.74%, #417e8e 60.31%, #386374 79.64%, #2d4153 98.65%, #2c3e50 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CA1AF', endColorstr='#2C3E50', GradientType=1);
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section .home-slider-btn .slider-handle {
  -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.75);
  background-color: #333;
  border: 1px solid #fff;
  background-image: none;
}
.home-pay-section .home-pay .home-pay-content .home-slider-btn-section span {
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  display: inline-flex;
  color: #333;
  border-bottom: 1px solid #333;
  width: 50px;
}
.home-pay-section .home-pay .home-pay-location {
  width: 80%;
  display: flex;
  margin: 5rem auto;
}
.home-pay-section .home-pay .home-pay-location .location-select {
  float: left;
  width: 40%;
  padding-right: 3rem;
}
.home-pay-section .home-pay .home-pay-location .location-select select {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  padding: 0px 2rem;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: none;
  color: #4D4D4D;
  border: 1px solid #10B3D6;
  cursor: pointer;
}
.home-pay-section .home-pay .home-pay-location .pull-push-cdn-section {
  float: left;
  width: 20%;
}
.home-pay-section .home-pay .home-pay-location .pull-push-cdn-section .phone-contact-accept {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333;
}
.home-pay-section .home-pay .home-pay-location .pull-push-cdn-section .phone-contact-accept input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.home-pay-section .home-pay .home-pay-location .pull-push-cdn-section .phone-contact-accept span.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #10B3D6;
}
.home-pay-section .home-pay .home-pay-location .pull-push-cdn-section .phone-contact-accept:hover input[type=checkbox]~.checkmark {
  background-color: #fff;
}
.home-pay-section .home-pay .home-pay-location .pull-push-cdn-section .phone-contact-accept input[type=checkbox]:checked~.checkmark {
  background-color: #fff;
}
.home-pay-section .home-pay .home-pay-location .pull-push-cdn-section .phone-contact-accept span.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.home-pay-section .home-pay .home-pay-location .pull-push-cdn-section .phone-contact-accept input[type=checkbox]:checked~.checkmark:after {
  display: block;
}
.home-pay-section .home-pay .home-pay-location .pull-push-cdn-section .phone-contact-accept .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #10B3D6;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.home-pay-section .home-pay .home-pay-location .btn-select-calc {
  float: left;
  width: 40%;
}
.home-pay-section .home-pay .home-pay-location .btn-select-calc .calc-btn {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  cursor: pointer;
  width: 100%;
  padding: 0px 2rem;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background-color: #4D4D4D;
  border: 1px solid #4D4D4D;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
}
.home-pay-section .home-pay .home-pay-location .btn-select-calc .calc-btn:hover {
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  color: #4D4D4D;
  background: none;
}
.home-pay-section .home-pay .home-total {
  margin: 3rem 0;
  text-align: center;
}
.home-pay-section .home-pay .home-total small {
  display: inline-block;
  font-size: 30px;
}
.home-pay-section .home-pay .home-total small b {
  font-size: 30px;
}
.home-pay-section .home-pay .now-buy {
  text-align: center;
}
.home-pay-section .home-pay .now-buy .now-buy-btn {
  display: inline-block;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  color: #fff;
  padding: 0px 2rem;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  background-color: #10B3D6;
  border: 1px solid #10B3D6;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
}
.home-pay-section .home-pay .now-buy .now-buy-btn:hover {
  color: #10B3D6;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  background: none;
}
.home-pay-section .home-pay .home-plans-services-section {
  text-align: center;
}
.home-pay-section .home-pay .home-plans-services-section h3 {
  display: inline-block;
  font-size: 30px;
  font-weight: 300;
  color: #10B3D6;
  margin-top: 3rem;
}
.home-pay-section .home-pay .home-plans-services-section .home-plans-services {
  width: 80%;
  margin: 1rem auto;
}
.home-pay-section .home-pay .home-plans-services-section .home-plans-services .home-plans-services-box {
  padding: 0 2rem;
  height: 70px;
  line-height: 70px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.home-pay-section .home-pay .home-plans-services-section .home-plans-services .home-plans-services-box:hover {
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
.home-pay-section .home-pay .home-plans-services-section .home-plans-services .home-plans-services-box .home-plans-services-box-img {
  float: left;
  width: 20%;
}
.home-pay-section .home-pay .home-plans-services-section .home-plans-services .home-plans-services-box .home-plans-services-box-content {
  float: left;
  width: 80%;
}
/*** profile tab start ***/
.profile .myProfileTab-header {
  text-align: center;
  border-bottom: 1px solid #213f6f;
  background-color: #e2f2fe;
}
.profile .myProfileTab-header #myProfileTab {
  display: inline-block;
}
.profile .myProfileTab-header #myProfileTab.nav-tabs .nav-item {
  display: inline-block;
  padding: 1.5rem 0;
}
.profile .myProfileTab-header #myProfileTab.nav-tabs .nav-item:first-child .nav-link {
  border: 0px !important;
}
.profile .myProfileTab-header #myProfileTab.nav-tabs .nav-item .nav-link {
  font-weight: 300;
  padding: 0 1rem;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-left: 1px solid #213f6f;
  color: #213f6f;
}
.profile .myProfileTab-header #myProfileTab.nav-tabs .nav-item .nav-link.active {
  font-weight: 600;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px !important;
}
.profile #myProfileTabContent {
  padding: 2rem 0 4rem;
}
table.dataTable tbody th, table.dataTable tbody td {
  padding: 0.5rem;
}
.profile .invoice-footer {
  text-align: center;
}
.profile .invoice-footer .invoice-not-exist {
  margin: 0px auto;
  display: inline-block;
}
.profile .invoice-footer .invoice-not-exist img {
  height: 35px;
}
.profile .invoice-footer .invoice-not-exist span {
  font-size: 30px;
  height: 35px;
  line-height: 35px;
  color: #8E8E8E;
  font-weight: 700;
}
.profile .user-settings .form-group input[type=text] {
  border: 1px solid #b8c2cc;
  border-radius: 0.5rem;
  font-weight: 300;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  width: -webkit-fill-available;
  padding: 0.25rem 0.5rem;
}
.user-profile-info {
  align-items: center;
}
.profile .user-settings .form-group i {
  float: right;
  font-size: 18px;
  color: #B3B3B3;
}
.profile .user-settings .phone-contact-accept {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.profile .user-settings .phone-contact-accept input[type=text] {
  color: #B3B3B3;
}
.profile .user-settings .phone-contact-accept span {
  color: #B3B3B3;
}
.profile .user-settings .phone-contact-accept input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.profile .user-settings .phone-contact-accept span.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #213f6f;
}
.btn-primary-underline {
  background-color: unset;
  color: #213f6f;
  border: 0;
  text-decoration: underline;
  text-underline-offset: 0.15rem;
}
.profile .user-settings .phone-contact-accept:hover input[type=checkbox]~.checkmark {
  background-color: #fff;
}
.profile .user-settings .phone-contact-accept input[type=checkbox]:checked~.checkmark {
  background-color: #fff;
}
.profile .user-settings .phone-contact-accept span.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.profile .user-settings .phone-contact-accept input[type=checkbox]:checked~.checkmark:after {
  display: block;
}
.profile .user-settings .phone-contact-accept .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #10B3D6;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.profile .user-settings .user-submit {
  margin: 3rem 0;
}
.profile .user-settings .user-submit .user-submit-btn {
  display: inline-block;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 9px;
  color: #fff;
  padding: 0px 2rem;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  background-color: #213F6F;
  border: 1px solid #213F6F;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
}
.profile .user-settings .user-submit .user-submit-btn:hover {
  color: #10B3D6;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  background: none;
}
/*** mybox start ***/
.mybox-section .mybox .my-box-content {
  padding: 2rem 0;
  border-bottom: 1px solid #333;
}
.mybox-section .mybox-box {
  margin-bottom: 15px;
}
.mybox-section .mybox-box .home-plans-services-box {
  padding: 0 2rem;
  height: 70px;
  line-height: 70px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.mybox-section .mybox-box .home-plans-services-box:hover {
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
.mybox-section .mybox-box .home-plans-services-box .home-plans-services-box-img {
  float: left;
  width: 20%;
}
.mybox-section .mybox-box .home-plans-services-box .home-plans-services-box-content {
  float: left;
  width: 80%;
  text-align: center;
}
.mybox-section .mybox-box h3 {
  color: #10B3D6;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 1rem;
}
.mybox-section .mybox-box .cdn-form span {
  font-size: 27px;
  color: #10B3D6;
  float: left;
  width: 40%;
  text-align: center;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 10px;
}
.mybox-section .mybox-box .cdn-form span:nth-child(2) {
  width: 5%;
}
.mybox-section .mybox-box .cdn-form span.title {
  text-align: left;
  font-size: 22px;
  color: #333;
}
.mybox-section .payment-section .payment-box h3 {
  color: #10B3D6;
  font-size: 22px;
  font-weight: 500;
  margin: 1rem 0;
}
.mybox-section .payment-section .payment-box .invoice-type {
  height: 30px;
}
.mybox-section .payment-section .payment-box .invoice-type .toggle {
  width: 110px !important;
  height: 30px !important;
  background-color: #10B3D6;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 5px solid rgba(255, 255, 255, 0.7);
  padding : 0 70px;  
}
.mybox-section .payment-section .payment-box .invoice-type .toggle .toggle-on {
  font-size: 11px;
  line-height: 12px;
  height: 30px;
  padding-right: 40px;
  background-color: transparent !important;
}
.mybox-section .payment-section .payment-box .invoice-type .toggle .toggle-off {
  font-size: 11px;
  line-height: 12px;
  height: 30px;
  color: #fff;
  padding-left: 40px;
  background-color: transparent !important;
}
.mybox-section .payment-section .payment-box .invoice-type .toggle .toggle-handle {
  width: 84px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: url("../img/toggle-btn.svg");
}
.mybox-section .payment-section .payment-box h4 {
  color: #8E8E8E;
  font-size: 18px;
  font-weight: 500;
  margin: 5px 0;
  height: 60px;
  line-height: 60px;
}
.mybox-section .payment-section .payment-box input[type=text] {
  background-color: #F3F5F4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px !important;
  height: 60px;
  line-height: 60px;
  width: 100%;
  padding: 0 1rem;
  margin: 5px 0;
}
.btn-outline-primary {
  color: #213f6f;
  background-color: #fff;
  background-image: none;
  border-color: #213f6f !important;
}
.btn-outline-primary:hover {
  color: orange !important;
  background-color: #213f6f;;
}
.mybox-section .payment-section .payment-box .phone-contact-accept input[type=checkbox] {
  float: left;
  height: 20px;
  width: 20px;
  margin-right: 5px;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.mybox-section .payment-section .payment-box .card-btn .blue-btn {
  margin: 1rem 0 0 0;
  padding: 0px 2rem;
  height: 60px;
  line-height: 60px;
  width: 100%;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background-color: #10B3D6;
  border: 1px solid #10B3D6;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.mybox-section .payment-section .payment-box .card-btn .blue-btn:hover {
  color: #10B3D6;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  background: none;
}
/*** mybox finish ***/
.profile-support-title h3 {
  font-size: 22px;
  color: #10B3D6;
  font-weight: bold;
}
.cdn-bg {
  background: url('../img/cdn-background.jpg') no-repeat center center fixed #000;
  background-size: cover;
}
.kutu {
  margin: 0 0 10px 0;
}
.kutu-icerik {
  color: #000;
  background-color: #e2f2fe;
  border: solid 1px #e2f2fe;
  padding-top: 1em;
  cursor: pointer;
  border-radius: 10px;
}
.kutu-icerik-active {
  color: #fff !important;
  background-color: #213f6f;
  border: solid 1px #213f6f;
  padding-top: 1em;
  cursor: pointer;
  border-radius: 10px;
}
.kutu-icerik-active p {
  color: #fff !important;
}
.kutu-icerik:hover {
  color: #fff;
  border: solid 1px orange;
  padding-top: 1em;
  cursor: pointer;
  transition: background-color 0.3s, color  0.3s;
}
.kutu-icerik:hover p {
  color: orange;
}
.kutu-link {
  text-decoration: none !important;
}
.buttonlink-info {
  cursor: pointer;
  padding-left: 50px;
  padding-right: 50px;
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.text-box {
  background-color: #e9ecef;
}
.dns-box {
  background-color: #e9ecef;
  border: solid 1px #ccc;
}
input[type="search"] {
  border-radius: 9px;
  border: solid 1px #8e8e8e;
}
.nav-link.active, .nav-item.show .nav-link {
  border-bottom: solid 2px !important;
}
.update-btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.update-btn-outline-light:hover {
  color: #3a423c;
  background-color: #f8f9fa71;
  border-color: #f8f9fa;
  border-radius: 5px;
}
.new-calc-btn {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  cursor: pointer;
  width: 100%;
  padding: 0px 2rem;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background-color: #4D4D4D;
  border: 1px solid #4D4D4D;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
}
.new-calc-btn:hover {
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  color: #4D4D4D;
  background: none;
}
.renk{
  background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(202, 227, 231, 1) 4.78%,rgba(157, 203, 211, 1) 9.56%,rgba(122, 185, 195, 1) 14.12%,rgba(97, 172, 184, 1) 18.39%,rgba(81, 164, 177, 1) 22.27%,rgba(76, 161, 175, 1) 25.41%,rgba(62, 118, 134, 1) 48.73%,rgba(52, 88, 104, 1) 69.73%,rgba(46, 69, 86, 1) 87.54%,rgba(44, 62, 80, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(202, 227, 231, 1) 4.78%, rgba(157, 203, 211, 1) 9.56%, rgba(122, 185, 195, 1) 14.12%, rgba(97, 172, 184, 1) 18.39%, rgba(81, 164, 177, 1) 22.27%, rgba(76, 161, 175, 1) 25.41%, rgba(62, 118, 134, 1) 48.73%, rgba(52, 88, 104, 1) 69.73%, rgba(46, 69, 86, 1) 87.54%, rgba(44, 62, 80, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(0.0478,rgba(202, 227, 231, 1) ),color-stop(0.0956,rgba(157, 203, 211, 1) ),color-stop(0.1412,rgba(122, 185, 195, 1) ),color-stop(0.1839,rgba(97, 172, 184, 1) ),color-stop(0.2227,rgba(81, 164, 177, 1) ),color-stop(0.2541,rgba(76, 161, 175, 1) ),color-stop(0.4873,rgba(62, 118, 134, 1) ),color-stop(0.6973,rgba(52, 88, 104, 1) ),color-stop(0.8754,rgba(46, 69, 86, 1) ),color-stop(1,rgba(44, 62, 80, 1) ));
  background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(202, 227, 231, 1) 4.78%, rgba(157, 203, 211, 1) 9.56%, rgba(122, 185, 195, 1) 14.12%, rgba(97, 172, 184, 1) 18.39%, rgba(81, 164, 177, 1) 22.27%, rgba(76, 161, 175, 1) 25.41%, rgba(62, 118, 134, 1) 48.73%, rgba(52, 88, 104, 1) 69.73%, rgba(46, 69, 86, 1) 87.54%, rgba(44, 62, 80, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(202, 227, 231, 1) 4.78%, rgba(157, 203, 211, 1) 9.56%, rgba(122, 185, 195, 1) 14.12%, rgba(97, 172, 184, 1) 18.39%, rgba(81, 164, 177, 1) 22.27%, rgba(76, 161, 175, 1) 25.41%, rgba(62, 118, 134, 1) 48.73%, rgba(52, 88, 104, 1) 69.73%, rgba(46, 69, 86, 1) 87.54%, rgba(44, 62, 80, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#2C3E50' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(202, 227, 231, 1) 4.78%, rgba(157, 203, 211, 1) 9.56%, rgba(122, 185, 195, 1) 14.12%, rgba(97, 172, 184, 1) 18.39%, rgba(81, 164, 177, 1) 22.27%, rgba(76, 161, 175, 1) 25.41%, rgba(62, 118, 134, 1) 48.73%, rgba(52, 88, 104, 1) 69.73%, rgba(46, 69, 86, 1) 87.54%, rgba(44, 62, 80, 1) 100%);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C3E50',endColorstr='#FFFFFF' , GradientType=0);
}
.account-link{
  text-decoration: none;
}
.account-link:hover{
  text-decoration: underline;
}
nav.navbar.navbar-expand-lg.navbar-light.navbar-stick-dark.stick {
  box-shadow: 0 8px 6px -6px rgba(65, 63, 63, 0.25);  
}
.lang-btn {
  background-color: unset;
  color: white;
  border: unset;
  text-decoration: underline;
  text-underline-offset: 0.5rem;
}
.lang-btn:hover {
  color: orange !important;
  text-decoration: underline;
}
.notification-btn {
  background-color: unset;
  color: white;
  border: unset;
  text-decoration: underline;
  text-underline-offset: 0.5rem;
}
.notification-btn:hover {
  color: orange !important;
  text-decoration: underline;
}
.notification-dropdown {
  width: 320px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
}
.notification-dropdown.header {
  font-weight: bold;
  padding: 10px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
.notification-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.notification-item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.unread {
  background-color: #e9f5ff;
}
.notification-icon {
  margin-right: 10px;
}
.icon-high-importance {
  color: red;
  font-size: 24px;
}
.icon-medium-importance {
  color: orange;
  font-size: 24px;
}
.icon-low-importance {
  color: yellow;
  font-size: 24px;
}
.notification-content {
  flex-grow: 1;
}
.notification-title {
  font-weight: bold;
  font-size: 14px;
}
.notification-message {
  font-size: 12px;
  color: #555;
}
.notification-time {
  white-space: nowrap;
  font-size: 12px;
  color: #999;
}
.show-all-btn {
  width: 100%;
  padding: 12px;
  background-color: #007bff;
  color: white;
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
}
.show-all-btn:hover {
  background-color: #0056b3;
}
body.body-scrolled button.lang-btn {
  color: rgba(33, 63, 111, 1);
}
body.body-scrolled span.notification-btn {
  color: rgba(33, 63, 111, 1);
}
.text-white .btn-outline-light {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, 1);
}
.btn-light-detay {
  color: #757575;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }
.btn-light-detay:hover {
  color: none !important;
  background-color: #f0f0f0;
  border-color: #eceff2;
  box-shadow: none !important; 
}
.pure-material-switch {
  z-index: 0;
  position: relative;
  display: inline-block;
  color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
  font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
  font-size: 16px;
  line-height: 1.5;
}
/* Input */
.pure-material-switch > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  right: 6px;
  top: -8px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;
}
/* Span */
.pure-material-switch > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
/* Track */
.pure-material-switch > span::before {
  content: "";
  /* float: right; */
  display: inline-block;
  margin: 5px 0 5px 10px;
  border-radius: 7px;
  width: 36px;
  height: 14px;
  background-color: rgba(var(--pure-material-onsurface-rgb, 102, 102, 102), 1);
  vertical-align: top;
  transition: background-color 0.2s, opacity 0.2s;
}
/* Thumb */
.pure-material-switch > span::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 16px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s, transform 0.2s;
}
/* Checked */
.pure-material-switch > input:checked {
  right: -10px;
  background-color: rgb(var(--pure-material-primary-rgb, 0, 182, 243));
}
.pure-material-switch > input:checked + span::before {
  background-color: rgba(var(--pure-material-primary-rgb, 0, 182, 243), 1);
}
.pure-material-switch > input:checked + span::after {
  background-color: rgb(var(--pure-material-primary-rgb, 255, 255, 255));
  transform: translateX(16px);
}
/* Hover, Focus */
.pure-material-switch:hover > input {
  opacity: 0.04;
}
.pure-material-switch > input:focus {
  opacity: 0.12;
}
.pure-material-switch:hover > input:focus {
  opacity: 0.16;
}
/* Active */
.pure-material-switch > input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}
.pure-material-switch > input:active + span::before {
  background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);
}
.pure-material-switch > input:checked:active + span::before {
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}
/* Disabled */
.pure-material-switch > input:disabled {
  opacity: 0;
}
.pure-material-switch > input:disabled + span {
  color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0));
  opacity: 0.38;
  cursor: default;
}
.pure-material-switch > input:disabled + span::before {
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}
.pure-material-switch > input:checked:disabled + span::before {
  background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);
}
.btn-degisiklik {
  color: #fff;
  background-color: #213f6f;
  border-color: #213f6f;
  border-radius:9px
}
.btn-degisiklik:hover {
  background-color: #fff;
  color: #213f6f;
}
.pricing-1 {
  border: 2px solid #213f6f;
}
.pricing-1 .plan-name {
  border-radius: 5px 5px 0 0;
}
.btn-degisiklik:focus, .btn-degisiklik.focus {
  color: #fff;
  box-shadow: 0 0 0 0rem rgba(60, 169, 212, 0.4);
}
.btn-degisiklik.disabled, .btn-degisiklik:disabled {
  background-color: #cccccc;
  border-color: #a0a0a0; 
  box-shadow: none;
}
.btn-light {
  color: #213f6f;
}
.btn-light:hover, .btn-success:hover {
  color: orange;
  box-shadow: unset;
}
.btn-outline-light:hover {
  box-shadow: unset;
}
.btn-success {
  color: #232323;
}
.btn-primary {
  background-color: #213f6f;
  border-color: #213f6f !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: #213f6f;
  color: orange !important;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: gray;
  background-color: lightgray;
  border: 2px solid gray !important;
}
.btn-secondary {
  color: #213f6f !important;
}
.page-item.active .page-link {
  border-radius: 0.5rem;
}
.back-to-top-button {
  background-color: orange !important;
  right: unset !important;
  left: 18px !important;
}
.btn-secondary:hover {
  box-shadow: unset;
}
.btn-success, .btn-warning, .btn-primary, .btn-outline-primary, .btn-danger, .btn-dark, .btn-secondary, .btn-round, .btn-outline-danger {
  border-radius:9px !important;
}
.rounded-start {
  border-radius: unset !important;
  border-bottom-left-radius: .5rem !important;
  border-top-left-radius: .5rem !important;
}
.navbar-light .nav-navbar>.nav-item>.nav-link, .navbar-light .nav-navbar>.nav-link, .navbar-stick-light.stick .nav-navbar>.nav-item>.nav-link, .navbar-stick-light.stick .nav-navbar>.nav-link {
  color: rgba(255, 255, 255, 1);
}
.navbar-light .nav-navbar>.nav-item>.nav-link:hover,
.navbar-light .nav-navbar>.nav-link:hover, 
.navbar-stick-light.stick .nav-navbar>.nav-item>.nav-link:hover, 
.navbar-stick-light.stick .nav-navbar>.nav-link:hover {
  color: orange !important;
}
body.body-scrolled nav {
  background-color: rgba(255, 255, 255, 0.99);
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05);
  top: 0;
  min-height: 87px;
}
.navbar-dark .nav-navbar>.nav-item>.nav-link, .navbar-dark .nav-navbar>.nav-link, .navbar-stick-dark.stick .nav-navbar>.nav-item>.nav-link, .navbar-stick-dark.stick .nav-navbar>.nav-link {
  color: rgba(33, 63, 111, 1);
}
.navbar-light .navbar-brand {
  color: rgba(33, 63, 111, 1);
}
.nav-navbar .nav-link {
  text-transform: capitalize;
  font-size: 1rem;
}
.nav-navbar>.nav-item>.nav-link, .nav-navbar>.nav-link {
  line-height: 2;
}
.btn {
  text-transform: capitalize;
}
.change-package-btn {
  color: rgb(33, 63, 111);
  background-color: unset;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.change-package-btn:hover {
  color: #007bff !important;
}
.btn-verify-copy {
  color: #213f6f;
}
.btn-verify-copy:hover {
  color: #29abe2;
}
.verify-now-btn {
  color: #ff4954;
  font-weight: bold;
  background-color: unset;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.verify-now-btn:hover {
  color: #fff;
  background-color: #ff4954;
}
.bg-light-gray {
  background-color: #E2F1FE;
}
.btn-hide {
  display: none;
}
i.fa.fa-chevron-up {
  color: #fff;
}
i.fa.fa-plus-circle {
  color: rgb(33, 63, 111);
  font-size: 1.5em;
}
i.fas.fa-lg.fa-cog {
  font-size: 1.5em;
}
i.fa.fa-edit, i.fa.fa-eraser {
  font-size: 1.3em;
  color: rgb(33, 63, 111);
}
i.fa.fa-edit:hover, i.fa.fa-eraser:hover {
  color: #007bff;
}
i.fas.fa-lg.fa-cog:hover {
  color: #007bff;
}
i.fas.fa-sm.fa-trash-alt, i.fa.fa-trash {
  font-size: 1.2rem;
  color: rgb(33, 63, 111);
}
i.fas.fa-sm.fa-trash-alt:hover, i.fa.fa-trash:hover {
 color: red;
}
i.fas.fa-lg.fa-copy {
  font-size: 2em;
}
.fw-700 {
  font-weight: 700;
}
.section>.container, .section>.container-fluid, .section>.container-wide {
  height: unset !important;
}
.btn-ayarlar {
  color: #f8f9fa;  
}
.btn-ayarlar:hover {
  color: #007BFA !important;
}
.list-decoration-none {
  list-style: none;
}
table.dataTable thead th {
  position: relative;
  background-image: none !important;
}
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  font-family: FontAwesome;
}
table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
}
.pull-btn {
  color: #333;  
}
.pull-btn:hover {
  color: #3a423c;
  background-color: #cccccc;  
  border-radius: 5px;
}
.pull-btn-active {
  color: #213F6D !important;
  font-weight: bold !important;
  border-bottom: 2px solid #213F6F !important;
}
.pull-btn:focus {
  color: #333;  
}
.btn-outline-info-new {
  color: #7d7a7a;
  border-color: #29abe2;
}
.btn-outline-info-new:hover {
  color: #fff;
  background-color: #29abe2;
  border-color: #29abe2;
}
.btn-outline-info-new:focus,
.btn-outline-info-new.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.rounded-end {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.btn-outline-info-new.disabled,
.btn-outline-info-new:disabled {
  color: #29abe2;
  background-color: transparent;
}
.btn-outline-info-new:not(:disabled):not(.disabled):active,
.btn-outline-info-new:not(:disabled):not(.disabled).active,
.show>.btn-outline-info-new.dropdown-toggle {
  color: #fff;
  background-color: #29abe2;
  border-color: #29abe2;
}
.btn-outline-info-new:not(:disabled):not(.disabled):active:focus,
.btn-outline-info-new:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info-new.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label-info {
  background-color: #5bc0de;
}
.bootstrap-tagsinput {
  width: 100%;
}
.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: 95px;
  max-width: inherit;
}
.margin-top-custom {
  margin-top: 4rem;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bootstrap-tagsinput [data-role="tag"] {
  cursor: pointer;
}
.blob{
	border-radius: 0%;
	margin: 0px;
	height: 20px;
	width: 20px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
	}
}
.daterangepicker td.active, .daterangepicker td.active:hover{
  background-color : #29abe2;
}
.ml-11,.mx-11 {
    margin-left: 11rem !important
}
@media (min-width: 564px){
  .daterangepicker .ranges ul {
      width: 200px;
  }
}
.line-gradiend {
  background : -moz-linear-gradient(49.49% 101.54% 89deg,rgba(60, 213, 250, 1) 20.81%,rgba(44, 158, 200, 1) 40.25%,rgba(31, 110, 156, 1) 59.68%,rgba(21, 76, 125, 1) 76.76%,rgba(15, 55, 106, 1) 90.79%,rgba(13, 47, 99, 1) 100%);
  background : -webkit-linear-gradient(89deg, rgba(60, 213, 250, 1) 20.81%, rgba(44, 158, 200, 1) 40.25%, rgba(31, 110, 156, 1) 59.68%, rgba(21, 76, 125, 1) 76.76%, rgba(15, 55, 106, 1) 90.79%, rgba(13, 47, 99, 1) 100%);
  background : -webkit-gradient(linear,49.49% 101.54% ,50.51% -1.54% ,color-stop(0.2081,rgba(60, 213, 250, 1) ),color-stop(0.4025,rgba(44, 158, 200, 1) ),color-stop(0.5968,rgba(31, 110, 156, 1) ),color-stop(0.7676,rgba(21, 76, 125, 1) ),color-stop(0.9079,rgba(15, 55, 106, 1) ),color-stop(1,rgba(13, 47, 99, 1) ));
  background : -o-linear-gradient(89deg, rgba(60, 213, 250, 1) 20.81%, rgba(44, 158, 200, 1) 40.25%, rgba(31, 110, 156, 1) 59.68%, rgba(21, 76, 125, 1) 76.76%, rgba(15, 55, 106, 1) 90.79%, rgba(13, 47, 99, 1) 100%);
  background : -ms-linear-gradient(89deg, rgba(60, 213, 250, 1) 20.81%, rgba(44, 158, 200, 1) 40.25%, rgba(31, 110, 156, 1) 59.68%, rgba(21, 76, 125, 1) 76.76%, rgba(15, 55, 106, 1) 90.79%, rgba(13, 47, 99, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3CD5FA', endColorstr='#0D2F63' ,GradientType=0)";
  background : linear-gradient(1deg, rgba(60, 213, 250, 1) 20.81%, rgba(44, 158, 200, 1) 40.25%, rgba(31, 110, 156, 1) 59.68%, rgba(21, 76, 125, 1) 76.76%, rgba(15, 55, 106, 1) 90.79%, rgba(13, 47, 99, 1) 100%);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3CD5FA',endColorstr='#0D2F63' , GradientType=1);
}
.btn-dns-delete:hover{
  color: rgba(22, 22, 22, 1) !important;
}
.bg-light2 {
    background-color: #f1f1f1 !important;
}
.config-pasive{
  width:10px;
  height:10px;
  margin:10px 0 0 5px;
  float: right;
  background-image: linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important;
  border-radius: 50% !important;
}
.config-active{
  width:10px;
  height:10px;
  margin:10px 0 0 5px;
  float: right;
  background-image : linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important;
  border-radius: 50% !important;
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl .navbar-mobile {
    width: 355px;
    left: -355px;
  }
  /* .lang-btn {
    color: #213f6f;
  } */
  /* .notification-btn {
    color: #213f6f;
  } */
}
@media (max-width: 991.98px) {
  .modal-backdrop.fade.show {
    display: none !important;
    z-index: 1001 !important;
  }
  #account-create-modal .modal-dialog {
    margin-top: 3rem;
  }
  #account-create-modal .modal-content, 
  #alias-update .modal-content,
  #account-cdn-site-verification .modal-content {
    z-index: 99999999999999999999 !important;
    border: 1px solid #213f6f;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  }
  .kutu-link-container {
    display: flex;
    width: 100%;
    gap: 0.5rem;
    flex-wrap: wrap;
    border: 0;
    border-bottom: 1px solid #213F6F !important;
    margin-bottom: 2rem;
    padding: 0 30px;
  }
  .kutu-link {
    display: flex;
    flex: 1;
    min-width: 8rem;
  }
  /* .hide-in-mobile {
    display: none;
  } */
  .kutu {
    text-align: center;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dropdown-menu.users-menu.show {
    left: -8rem;
    min-width: 12rem;
  }
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 1.4rem;
    font-weight: bold;
  }
  h2 {
    font-size: 1.3rem;
    font-weight: bold;
  }
  h3 {
    font-size: 1.1rem;
    font-weight: bold;
  }
  h6 {
    margin-bottom: 0.1rem;
  }
  p {
    margin-bottom: 0.1rem;
  }
  .kutu-link {
    min-width: 7rem;
  }
  .hide-in-mobile {
    display: none;
  }
  .margin-top-custom {
    margin-top: unset;
  }
  .remove-mt-for-m {
    margin-top: 0 !important;
  }
}
@media (max-width: 575.98px) {
  h1 {
    font-size: 1.1rem;
  }
  h2 {
    font-size: 1.1rem;
  }
  h3 {
    font-size: 1rem;
  }
  .hide-card-presenter-in-mobile {
    display: none;
  }
  .btn-xl-for-mobile {
    padding: 10px 0px 10px;
  }
  .profile .myProfileTab-header #myProfileTab.nav-tabs .nav-item .nav-link {
    padding: 0 .5rem;
  }
}