/*My custom Style*/

/*Logo*/

.navbar-brand{

    max-width: 240px;

  }

  

  .info .fa-phone {

    -moz-transform: scaleX(-1);

    -o-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

    filter: FlipH;

    -ms-filter: "FlipH";

  }

  .default-padding-top, .default-padding.bottom-less {

    padding-top: 60px;

}



.why-us > h5::after{background: #fff;}

.why-us h5,.why-us p{color: #fff;}

.features-area .item-grid:first-child .item:first-child, .features-area .item-grid:last-child .item:last-child, .features-area .item-grid .item:hover {

  background: #BB84E8;

}

.social{margin-top: 20px;}

.social span {

  margin: 0px 18px 0 0;

  font-size: 24px;

}

.bg-gray {

  background-color: #333;

}

.banner-area .content h2, .banner-area .content p{color: #fff}

.bg-dark {

  background: #333 !important;

}

.site-heading h2::before, .site-heading h2::before  {

  background: #333 none repeat scroll 0 0;

}

.bg-gray .site-heading h2::before, .bg-gray .site-heading h2::before  {

  background: #fff none repeat scroll 0 0;

}

.quick-contact-area.half-bg::after, .case-studies-area.half-bg::after{background:none;}

.bg-gray .site-heading h2,.faq-area h2, .faq-area p, .bg-gray .site-heading p{color:#fff;}

a:not([href]):hover { color: #000; border: 2px solid #000;}



.contact-area form button{background-color: #333;}



.service-area .service-box .item::after {

/*  background: linear-gradient(90deg, rgb(31, 31, 31) 0%, rgb(28, 28, 28) 48%);*/
  background: #0c0f1a !important;

 }

 .faq-area .faq-content .card .card-header h4 {color:#fff;}

 .faq-area .faq-content .card .card-header h4 strong{background: #999;}

 .service-area .service-box .item i {color: #333;}

 .banner-area {max-height: 550px;}

 .case-studies-area .item .info .info-items .right-info a{background-color: #333;}

 .contact-area .contact-tabs > ul li a.active,.contact-tabs .tab-content ul li i { color: #000;}

 .process img{max-width: 80%;margin: auto;}



 /*menu adjustments*/

 @media (min-width: 1024px){

  nav .attr-nav > ul > li.contact { margin-left: 0px;  }

  nav.navbar.bootsnav ul.nav > li > a {  padding: 40px 12px;  }

  .attr-nav > ul >li.contact i { color: #BB84E8;}

 }

.attr-nav {margin-left: 0px;}



/*Cusom CSS Yogesh goes here*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');



/*

a {outline:none; text-decoration:none; color:#282828; cursor: pointer; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}

a:hover {text-decoration:none;}

input, textarea, select {font-size:14px; color:#282828; vertical-align:middle; font-family: 'Inter', sans-serif; outline:none; resize:none;}

input[type="button"], input[type="submit"], button {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; -moz-appearance:none; -webkit-appearance:none; appearance:none; border: none; cursor: pointer;}

select {appearance: none; -ms-appearance: none; -webkit-appearance: none;}

select::-ms-expand {display: none;}

.transition {-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}

img {border:none; vertical-align:top; max-width:100%;}

.tac {text-align:center;}

.tar {text-align:right;}

.vAlign {vertical-align:middle;}

.mainCon {width:100%; position:relative; min-height:100vh; padding: 60px 0 0 0;}

.container {width: 100%; max-width:1400px; margin:auto; padding:0 15px;}

.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.flexBox.nowrap {flex-wrap: nowrap;}

.itemCenter {-webkit-align-items: center; -ms-align-items: center; align-items: center;}

.spacebetween {justify-content: space-between; -webkit-justify-content: space-between;}

.justify-center {justify-content: center; -webkit-justify-content: center;}

.material-icons {font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';}

*/



/* width */

::-webkit-scrollbar {width: 5px;}

::-webkit-scrollbar-track {background: #eee;}

::-webkit-scrollbar-thumb {background: #ccc;}

::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,.4);}



.midCon {padding: 20px;}

.mb20 {margin-bottom: 20px;}

/*.tableBox-wrapper {background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}*/

.tableBox {overflow: auto; width: 100%;}
.tableBox table {width: 100%; border-spacing: 10px 0px; margin-bottom: 25px; border-collapse: unset !important;}
/*.tableBox thead th {padding:0px 7px;}*/
.tableBox thead th:last-child {padding-right: 0px;}
.tableBox table thead th{font-weight: 500; font-size: 16px; color: #fff; padding:25px 10px; text-align: center;}
.tableBox thead th h2 {font-size: 22px; color: #fff; font-weight: 800; margin-bottom: 0px; padding-bottom: 0px;}
.tableBox thead th:first-child h2 {color: #0e2b3d;}
.tableBox thead tr th {background: #0c0f1a; color: #fff; border-radius: 30px 30px 0px 0px;}
.tableBox table thead th:first-child {min-width: 250px; border-radius: 0px; background: transparent !important;}
.tableBox thead tr th:nth-child(2) {background: #262e45; color: #fff; border-radius: 30px 30px 0px 0px;}
.tableBox thead tr th:nth-child(3) {background: #3d164d; color: #fff; border-radius: 30px 30px 0px 0px;}
.tableBox thead tr th:nth-child(4) {background: #0e3459; color: #fff; border-radius: 30px 30px 0px 0px;}
.tableBox thead tr th {background: #0c0f1a; color: #fff; border-radius: 30px 30px 0px 0px;}
.site-heading .tableBox  table h2::before,
.site-heading .tableBox  table h2::after {content: none !important;}
.tableBox thead th .th-title {font-size: 14px; font-weight: 700;}
.tableBox thead th .th-heading2 {font-size: 18px; font-weight: 700;}
.tableBox tbody td {min-width: 200px; max-width: 300px; background: #dee6e9;}
.tableBox tbody td:last-child {padding-right: 0px;}
.tableBox tbody td:first-child {text-align: left; border-left: 0px; border-right: 0;}
.tableBox tbody tr:nth-child(even) td {background: #fff;}
.tableBox tbody tr:hover td, .tableBox tbody tr.active td {background: #f3f5f4;}
.tableBox tbody td .mobHd {display: none;}
.tableBox tbody .nowrap {white-space: nowrap;}
.tableBox table thead th {padding: 24px 10px; font-size: 16px; text-align: center; }
.tableBox table tbody td {border-left: 2px solid #323335; border-right: 2px solid #323335; padding: 24px 10px; font-size: 16px; color: #000000; text-align: center; }
.tableBox table tbody td:first-child .td-cont {border-left: 0px solid #323335; border-right: 0px solid #323335;}
.showData {cursor: pointer;}
.grayBg {background: #f8f8f8;}
.btn {background: #0c0f1a; padding: 17px 35px; color: #fff; border-radius: 4px; font-size: 16px; line-height: 16px;}
.btn:hover {background: #000;}
.btn.buyNow-btn {min-width: 200px; padding: 22px 35px;}
.tableBox tbody.tbody-heading tr td {text-align: center; background: #0e3459; color: #fff;}
.tableBox tbody tr.buyNow-btn-row td {min-width: 200px; max-width: 300px; padding: 0px 7px 30px; text-align: center; background: #fff;}
.tableBox tbody tr.buyNow-btn-row td:last-child {padding-right: 0px;}
.tableBox tbody tr.buyNow-btn-row td {border-radius: 0px 0px 30px 30px; border-bottom: 2px solid #323335; padding: 24px 10px 40px;}
.tableBox tbody tr.buyNow-btn-row td:first-child {border-bottom: 0px;}

.quick-contact-items {
    padding: 30px 30px;
}
footer .f-item.link li a {
    color: #ddd;
}
.abt h2 {
    font-weight: 600;
}
.service-area .service-box .item .icon::after{display:none;}
/*Custom Responsive css goes here*/



@media only screen and (max-width: 1279px) {

  .tableBox thead th h2 {font-size: 21px;}
  .tableBox thead th .th-title,
  .tableBox thead th .th-heading2 {font-size: 14px;}
  .tableBox table thead th {padding: 12px 10px;}
  .tableBox table tbody td  {font-size: 14px; line-height: 24px; padding: 12px 10px;}

  .tableBox tbody tr.buyNow-btn-row td {padding: 12px 10px 30px;}
  .btn.buyNow-btn {font-size: 14px; min-width: auto; padding: 12px 25px;}

}



@media (min-width: 992px) {

  .container {

      max-width: 960px;

  }

}

@media (min-width: 1200px) {

  .container {

      max-width: 1100px;

  }

}

@media (min-width: 1300px) {

  .container {

      max-width: 1300px;

  }

}

@media (min-width: 1500px) {

  .container {

      max-width: 1400px;

  }

}