
 .navbar-div{
  padding-top: 10px;
  background: linear-gradient(to right, #dbdedf, white);
}
.header-footer .left-logo img, .logo img{
  max-width: 192px;
}

.header-footer .navbar-expand-lg .navbar-nav .nav-link {
  font-size: 15px;
  font-weight: 600 !important;
}
.header-footer .right-div{
  display: flex;
  gap: 10px;
}

.header-footer .user-icon{
  border: 1px solid gray;
  padding: 1px 7px;
  border-radius: 30px;
  height: 35px;
  width: 35px;
}


.header-footer .user-icon img{
  max-width: 18px;
}

.header-footer .user-icon:hover{
  cursor: pointer;
  background-color: #7037b9;
  color: white;
}

.header-footer .OnBoard-div{
  border: 1px solid gray;
  padding: 4px 14px;
  border-radius: 30px;
  height: 35px;

}
.header-footer .OnBoard-div:hover{
  cursor: pointer;
  background-color: #7037b9;
  color: white;
  
}

.header-footer .page-footer {
  background-color: #1b1b20;
}

.header-footer .page-footer .main-link{
 color: white;
}
.header-footer .page-footer a{
  color: #838383;
  font-size: 14px;
  font-weight: 500;

}

.header-footer .page-footer li{
  color: #838383;
  margin-top: 10px;
}

.header-footer hr{
  background-color: white !important;
  margin-bottom: 10px !important;
 
}

.header-footer .footer-copyright{
  font-weight: 500;
}
@media (min-width: 768px){
  .header-footer .footer-copyright{
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
}
.header-footer .footer-copyright div{
  color: #838383;
}

.header-footer .row{
  text-align: left;
}

.header-footer h5{
  padding-left: 19px;
}
.header-footer .fa {
font-size: 30px;
width: 50px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
}
.header-footer .fa:hover {
  opacity: 0.7;
}
.header-footer .fa-facebook {
background: #3B5998;
color: white;
}

.header-footer .fa-twitter {
background: #55ACEE;
color: white;
}

.header-footer .fa-youtube {
background: #bb0000;
color: white;
}
.header-footer .fa-instagram {
background: #125688;
color: white;
}
.header-footer .fa-facebook:before{
  color: white;
}

.header-footer  .social-media-list a{
  color:white;
  background-color: #5842bc;
  border-radius: 30px;
  height: 35px;
  width: 35px;
  padding: 3px;
  padding-top: 10px;
}

.header-footer .social-media-list{
  margin-top: 20px;
}
@media (min-width: 768px){
  .header-footer  .navbar-nav{
  display: flex;
  justify-content: space-between;
  width: 59%;
}}



/*

Theme Name: Iteck Child
Theme URI: https://intargos.com
Author: Sanjay Goswami 
Author URI:  
Description: Child theme of iteck.
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html    
Template: iteck 

*/




@font-face {
  font-family: 'segoe ui';
  font-style: normal;
  font-weight: 600;
  src: local('Segoe UI'), url('https://fonts.cdnfonts.com/s/15051/Segoe UI SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'segoe ui';
  font-style: italic;
  font-weight: 600;
  src: local('Segoe UI'), url('https://fonts.cdnfonts.com/s/15051/Segoe UI SemiBold Italic.woff') format('woff');
}




@font-face{font-family:segoe ui;font-style:normal;font-weight:400 ;src:local('Segoe UI'),url('https://fonts.cdnfonts.com/s/15051/Segoe UI.woff') format('woff')}@font-face{font-family:segoe ui;font-style:italic;font-weight:400;src:local('Segoe UI'),url('https://fonts.cdnfonts.com/s/15051/Segoe UI Italic.woff') format('woff')}@font-face{font-family:segoe ui;font-style:normal;font-weight:700;src:local('Segoe UI'),url('https://fonts.cdnfonts.com/s/15051/Segoe UI Bold.woff') format('woff')}@font-face{font-family:segoe ui;font-style:italic;font-weight:700;src:local('Segoe UI'),url('https://fonts.cdnfonts.com/s/15051/Segoe UI Bold Italic.woff') format('woff')}

 .tracking_page_parent_div ul > li{
  list-style: none;
 }
 .tracking_page_parent_div .input {
   border: none;
   background-color: white;
   display: block;
   box-shadow: 5px 5px 15px 0px #0000001a;
   height: 44px;
   width: 100%;
   border-radius: 7px;
   margin: 13px auto;
   padding: 7px;
 
 }
 .tracking_page_parent_div input:focus-visible {
   outline: none;
   border: none;
 }

 .tracking_page_parent_div .track_button {
   background-color: #7037b9;
   color: white;
   padding: 13px;
   border: none;
   border-radius: 5px;
   width: 180px;
   margin: auto;
   font-weight: 600;
   cursor: pointer;
   display: block;
   margin-top: 20px;
   text-align: left;
 }

 .tracking_page_parent_div .label {
   color: #7037b9;
   font-weight: 600;
   font-size: 20px;
   font-family: 'Inter'
 }

 .tracking_page_parent_div .span_arrow {
   float: right;
 }

 .tracking_page_parent_div .label_input .main_page{
  max-width: 800px;
 }

 @media (max-width: 490px) {
   .tracking_page_parent_div .form {
   
     margin: auto;
   }
 }

 @media (min-width: 491px) {
   .tracking_page_parent_div .form {
    
     margin: auto;
   }
 }

 

 .flipIn,
 ul li,
 h1 {
   animation: flipdown 0.5s ease both;
 }

 .tracking_page_parent_div .no-select,
 .tracking_page_parent_div h2 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 html .tracking_page_parent_div  {
   width: 100%;
 
   perspective: 900;
    
   background-color: #dce7eb;
   font-family: "Segoe UI", Arial, sans-serif;
   color: rgba(48, 69, 92, 0.8);
   padding: 20px;
 }

 .tracking_page_parent_div h1,
 .tracking_page_parent_div h2 {
   color: #7037b9;
   font-family: 'Inter'
 }

 .tracking_page_parent_div h1 {
   font-size: 20px;
   line-height: 42px;
   letter-spacing: 1px;
   font-weight: 600;
   margin-bottom: 5px;
 }

 .tracking_page_parent_div h2 {
   font-size: 26px;
   line-height: 34px;
   font-weight: 300;
   letter-spacing: 1px;
   display: block;

   margin: 0;
   cursor: pointer;
 }

 .tracking_page_parent_div .hidden_div {
   color: rgba(48, 69, 92, 0.8);
   font-size: 17px;
   line-height: 18px;
   letter-spacing: 1px;
   position: relative;
   overflow: hidden;
   max-height: 840px;
   opacity: 1;
   transform: translate(0, 0);
   z-index: 2;
   padding: 10px;
   margin-top: 0px 
 }


 .Booked_hidden{
  margin-top: 15px!important;
  padding-bottom: 0px !important;
 }
 .tracking_page_parent_div .span_text{
  font-size: 14px;
 
 }

 .tracking_page_parent_div ul {
   list-style: none;
   perspective: 900;
   padding: 0;
   margin: 0;
   background: white;
   padding: 7px;
   padding-bottom: 0;
   border-radius: 15px;
   padding: 0px 10px 5px 10px;
 }
 .tracking_page_parent_div ul li {
   position: relative;
   padding: 0;
   margin: 0;
   list-style: none;
 }
 .tracking_page_parent_div ul li:nth-of-type(1) {
   animation-delay: 0.5s;
 }
 .tracking_page_parent_div ul li:nth-of-type(2) {
   animation-delay: 0.75s;
 }
 .tracking_page_parent_div ul li:nth-of-type(3) {
   animation-delay: 1s;
 }
 .tracking_page_parent_div ul li:last-of-type {
   padding-bottom: 0;
 }
 
 .fa-caret-up{
  position: absolute;
    right: 0;
    top: 9px;
}
 .tracking_page_parent_div ul li input[type="checkbox"] {
   position: absolute;
   cursor: pointer;
   width: 100%;
   height: 100%;
   z-index: 1;
   opacity: 0;
 }
 .tracking_page_parent_div ul li input[type="checkbox"]:checked ~ .hidden_div {
   margin-top: 0;
   max-height: 0;
   opacity: 0;
   transform: translate(0, 50%);
 }
 
 

 @keyframes flipdown {
   0% {
     opacity: 0;
     transform-origin: top center;
     transform: rotateX(-90deg);
   }
   5% {
     opacity: 1;
   }
   80% {
     transform: rotateX(8deg);
   }
   83% {
     transform: rotateX(6deg);
   }
   92% {
     transform: rotateX(-3deg);
   }
   100% {
     transform-origin: top center;
     transform: rotateX(0deg);
   }
 }

 .tracking_page_parent_div .sub_headings {
   display: flex;
   justify-content: space-between;
   padding-right: 23px;
   font-size: 15px;
  }

 .tracking_page_parent_div .sub_headings .last_status_green, .tracking_page_parent_div .sub_headings .last_status_red {
  
  font-size: 18px !important;
  font-weight: 600;
  margin-top: 10px;
 
}


 .tracking_page_parent_div table {
   font-family: arial, sans-serif;
   border-collapse: collapse;
   width: 100%;
   margin-bottom: 0px !important;
   border:none
 }

 .tracking_page_parent_div td,
 .tracking_page_parent_div th {
   text-align: left;
   padding: 4px;
 }
 .tracking_page_parent_div .input {
   border: none;
   background-color: white;
   display: block;
   box-shadow: 5px 5px 15px 0px #0000001a;
   height: 60px;
   width: 100%;
   border-radius: 7px;
   margin: 0px auto;
   padding: 8px;
 }
 .tracking_page_parent_div input:focus-visible {
   outline: none;
   border: none;
 }

 .tracking_page_parent_div .track_button {
   background-color: #7037b9;
   color: white;
   padding: 10px;
   border: none;
   border-radius: 5px;
   width: 200px;
   margin: auto;
   cursor: pointer;
   display: block;
   text-align: left;
   margin-top: 5%;
 }
 .tracking_page_parent_div .right_div .form {
   max-width: 380px;
   margin: auto;
 }
 .tracking_page_parent_div .label {
   color: #7037b9;
   font-weight: 600;
 }

 .tracking_page_parent_div .span_arrow {
   float: right;
 }

 @media (min-width: 768px) {
   .tracking_page_parent_div .flex_div {
     display: flex;
 gap: 38px;
     margin: auto;
     max-width: 1140px
   }
   .tracking_page_parent_div .right_div {
     width: 500px;
   }
   .tracking_page_parent_div .right_div input {
     height: 85px;
     margin-top: 0;
   }
 }

 @media (max-width: 490px) {
   .tracking_page_parent_div .updates_div {
     display: inline-block;
   }

   .tracking_page_parent_div td,
   .tracking_page_parent_div th {
     text-align: left;
     padding: 8px;
     font-size: 12px;
     background-color: none !important;
   }

   .tracking_page_parent_div .sub_headings {
     font-size: 12px;
   }

   .tracking_page_parent_div .till_490 {
     font-size: 12px;
   }
 }
 .tracking_page_parent_div .update_inner_div {
   padding: 5px;
   margin-top: 7px;
 }

 .tracking_page_parent_div hr {
  border: 1px dashed #9F9F9F;
  border-style: none none dashed; 
  max-width: 100% !important;
  color: #fff; 
  opacity: 1 !important;
  margin-top: 10px !important;
  margin-bottom: -20px !important;
}

 .tracking_page_parent_div tr {
   font-size: 14px;
 }

 .margin-div{
  margin-top: 1px !important;
 }

 .tracking_page_parent_div .main_container {
   max-width: 800px;
   width: 100%;
 }

 .tracking_page_parent_div .last_status_red {
   color: #ff0000;
   margin: 0;
   font-size: 18px;
 }

 .tracking_page_parent_div .last_status_green {
   color: #00b507;
   margin: 0;
 }

 .tracking_page_parent_div .payment_heading {
   margin: 0;
 }

 .tracking_page_parent_div .payment_mode {
   color: #2c2a2a;
   font-size: 15px !important;
   font-weight: 600;
 }

 .tracking_page_parent_div .prepaid {
   font-weight: 500;
   color: #9f9f9f;
   font-size: 15px !important;
 }
 .tracking_page_parent_div .th_tracking , .tracking_page_parent_div .th_order{
   color: #7037b9;
   text-align: center;
   background: none !important;
 }

 .tracking_page_parent_div .th_order {
   color: #7037b9;
   border-left: 1px dashed #9F9F9F  !important;
   text-align: center;
 }

 .tracking_page_parent_div .td_number {
   color: #9f9f9f;
   text-align: center;
 }

 .tracking_page_parent_div .td_number_second {
   color: #9f9f9f;
   border-left: 1px dashed #9F9F9F;
   text-align: center;
 }

 .tracking_page_parent_div .inner_div {
   padding-right: 28px;
   padding-left: 28px;
 }

 .tracking_page_parent_div .inner_inner_div {
   display: flex;
    gap: 38px;
    height: 81px;
 }

 .tracking_page_parent_div .booked_image {
   height: 30px;
   margin-left: 18px;
 }

 .tracking_page_parent_div .booked_div {
   height: 60px;
   margin-top: 7px;
   padding-bottom: 15px;
   border-bottom: 1px solid #2c2a2a;
   width: 100%;
   padding-top: 13px;
 }

 .tracking_page_parent_div .booked_text {
    color: #2c2a2a;
    font-weight: 600;
    font-family: 'Inter';
    font-size: 15px;
 }

 .tracking_page_parent_div .line_div {
   padding: 0;
 }

 .tracking_page_parent_div .line_inner_div {
   display: flex;
   gap: 38px;
   position: relative;
 }

 .tracking_page_parent_div .intransit_image {
   width: 40px;
 }

 .tracking_page_parent_div .line_image {
   height: 30px;
   margin-left: 18px;
 }

 .tracking_page_parent_div .intransit_text {
   height: 60px !important;
   margin-top: 7px;
   padding-bottom: 15px;
   border-bottom: 1px solid #2c2a2a;
   width: 100%;
   z-index: 0;
 }

 .tracking_page_parent_div .intransit_main_text {
   color: #2c2a2a;
   font-weight: 600;
 }

 .tracking_page_parent_div .updates_div {
   z-index: 999;
   position: relative;
   color: #ff0000;
   background-color: #f6f6f6;
   width: 125px;
   margin-top: 5px;
   padding: 4px;
   border-radius: 7px;
   text-align: center;
   font-size: 10px;
    font-weight: 600;
    font-family: 'Inter';
   
 }

 .tracking_page_parent_div .hidden_div_1 {
   display: flex;
   margin-left: 6px;
 }

 .tracking_page_parent_div .line_image_2 {
   height: 30px;
 }

 .tracking_page_parent_div .message_div {
   overflow-y: auto;
   max-height: 245px;
   border-radius: 10px;
    margin-left: 53px;

   padding-left: 15px;
   padding-right: 15px;
   background-color: #f6f6f6;
 }


@media (max-width: 667px) {
  .tracking_page_parent_div .message_div {
    margin-left: 20px !important; 
  }
}


@media (max-width: 667px) {
  .tracking_page_parent_div .inner_inner_div, .tracking_page_parent_div .line_inner_div, .tracking_page_parent_div .flex_div {
    gap: 10px!important; 
  }

.th_tracking, .th_order, .tracking_page_parent_div td{
    font-size:10px!important;
padding:2px!important;
  }
}

 .tracking_page_parent_div .collapse_line{
  border-left: 4px dashed #6b34b0;
 }

 .tracking_page_parent_div .message_div_2 {
   background-color: white;
   margin-top: 23px;
   border-radius: 10px;
   padding: 5px;
 }

 .tracking_page_parent_div .day_div {
   font-size: 12px;
   margin: 0;
   color: black;
    font-weight:600;
    font-family: 'Inter';
 }

 .tracking_page_parent_div .time_div {
   font-size: 12px;
   color: black;
   font-weight: 600;
   font-family: 'Inter';
 }

 .tracking_page_parent_div .message_main {
   color: gray;
   font-size: 12px;
   margin: 0;
 }

 .tracking_page_parent_div .day_2 {
   background-color: white;
   border-radius: 10px;
   margin-top: 7px;
   padding: 5px;
 }

 .tracking_page_parent_div .time_2 {
   font-size: 12px;
   color: black;
   font-weight: 600;
   font-family: 'Inter';
 }

 .tracking_page_parent_div .rto {
   height: 60px;
   margin-top: 7px;
   padding-bottom: 15px;
   width: 100%;
 }

 .tracking_page_parent_div .rto_main {
   color: #2c2a2a;
   font-weight: 600;
 }

 .tracking_page_parent_div .right_div_2 {
   max-width: 400px;
 }

 .tracking_page_parent_div .right_div_inner {
   max-width: 400px;
   margin-top: 3px;
 }
 .tracking_page_parent_div .last_message_div {
   margin-bottom: 10px;
}


.tracking_page_parent_div .single_line_image{
  position: absolute;
  top: 39px;
  height: 34px;
  left: -2px;
}


.tracking_page_parent_div .single_line_image img{
 
  height: 40px;
  
  margin-top: 5px;
 
}


.tracking_page_parent_div .first_single_image{
  left: 8px;
  top: 51px;

}

.tracking_page_parent_div .main-ul{
  padding: 9px 10px 5px 10px;
}

 
 

input[type="checkbox"]:checked + i {
  transition: transform 0.3s ease; /* Add transition for smooth rotation */
  transform: rotate(180deg); /* Rotate the icon when the accordion is open */
}


.innerchevron input[type="checkbox"]:checked + i {
  transition: transform 0.3s ease !important;/* Add transition for smooth rotation */
  transform: rotate(90deg) !important; /* Rotate the icon when the accordion is open */
}


.fa-chevron-up{
  position: absolute;
  left: 210px;
  top: 38px;
}

.default_tracking_page{
  padding-top: 20px!important;
  padding-bottom: 70px!important;
}


.result_page_input{
      height: auto !important;
     padding-top: 13px!important;
     padding-bottom: 50px!important;

}

.iteck-custom-footer li a{
color: #8B8B8B
}


.tracking_page_parent_div ::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px;
}

 
 
/* Handle */
.tracking_page_parent_div ::-webkit-scrollbar-thumb {
  background: lightgray; 
}

 .tracking_page_parent_div .top_booked_image{
      margin-top: 11px;
 }

 .fa-chevron-up_div{
    margin-top: 12px;
 }