/* Start custom CSS *//*

*/


body.page{
    border: none!important;
    padding: 0px!important;
    margin: 0px!important;
}

.footer_blurb_heading{
    text-align: left;
}
.footer_text {
  text-align: start!important;
}
/* Qurbani Page css starts */
/* my css start */
*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
:root{
    --font-size:16px;
    --form-font-color:#08090E;
}
.sections_container{
    font-family: "Roboto";
    display: flex;
    /* flex-wrap: wrap; */
}
.sections_container .left_section {
    width: 70%;
    padding: 0px 50px;
}
.left_section .heading_container{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.left_section .heading_container img:nth-child(1){
    width: 200px;
}
.left_section .heading_container img:nth-child(2){
    width: 75%;
}
.left_section .heading_container .img1{
    width: 25%;
}
.left_section .heading_container .img2{
    width: 75%;
}
.left_section .heading_container .img1 img {
    padding: 0px 35px 0px 10px;
}
.left_section .heading_container .img2 img {
    padding: 0px 15px 0px 5px;
}
.left_section .heading_container .img1 img, .left_section .heading_container .img2 img {
    width: 100%;
}
.faq_heading h1{
    font-size: 25px;
    font-family: "Roboto";
    color:#08090E;
}
.drop_down_container{
    display: flex;
    padding: 70px 0px;
    justify-content:start;
}
.drop_down_container select:nth-child(1) {
    width: 24%;;
}
.drop_down_container select{
    margin: 0 10px;
    width: 34%;
    color: #9d9d9d;
    font-size: 14px;
    padding: 13px 20px;
    border-radius: 3px;
    box-shadow: 0px 1px 4px -1px #a7a7a7;
    border: 1px solid #c9c9c9;
}
.buttons_area{
    /* border: 1px solid black; */
    text-align: end;
    padding: 15px 5px;
}
.buttons_area .continue_btn{
    background: #ffc202;
    box-shadow: none !important;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-family: "Roboto",Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
}
.sections_container .right_section{
    /* border: 1px solid black; */
    padding:0px 50px 0px 0px;
    text-align: start;
}
.sections_container .right_section ul{
    /* border: 1px solid black; */
    padding: 0px;
}
.sections_container .right_section ul li{
    cursor: pointer;
    display: flex;
    font-size: bold;
    font-size: 18px;
    justify-content: start;
    align-items: center;
    margin-top: 5px;
    border-bottom: 1px solid #acacac;
    color:#08090E;
    padding: 12px 5px;
    font-family: "Roboto";
}
.sections_container .right_section ul li:hover{
    background: whitesmoke;
}

.sections_container .right_section ul .faq_content{
 padding: 10px;
 font-size: var(--font-size);
}
.sections_container .right_section ul li img{
padding-right: 10px;
}

@media (max-width: 768px) {
	.sections_container, .left_section .heading_container {
		flex-wrap: warp;
	}
	.sections_container .left_section {
		width: 100%;
		flex: 0 0 100%;
		padding: 0px 20px;
	}
	.sections_container	.left_section .heading_container img:nth-child(2) {
		width: 90%;
	}
	.sections_container .drop_down_container {
		padding: 50px 0px 0px 0px;
		flex-direction: column;
	}
	.sections_container .drop_down_container select, .sections_container .drop_down_container select:nth-child(1) {
		width: 100%;
		margin: 10px 0px;
	}
	.sections_container .left_section {
		width: 100%;
		padding: 0px 20px;
	}
	.animal_box .buttons_area {
		padding: 15px 0px;
	}
}



/* second page */

.animal_name{
    text-transform: capitalize;
}


.details_table {
    border: 1px solid #ebebeb;
    max-width: 1200px;
    width: 90%;
    margin: 0px auto;
    border-radius: 2px;
    box-shadow: 0px 3px 12px 0px rgb(0 0 0 / 5%);
    font-family:"Roboto";
}
.details_table table{
    border-collapse: collapse;
    width: 100%;
}
.details_table table thead{ 
    background: #F5F5F5;
    padding: 10px;
}
.details_table table thead tr{
    border: 1px solid #e6e6e6;
}
.details_table table thead tr th {
    padding: 15px;
    font-size: 20px;
        color:#08090E;
        font-family: "Roboto";
        font-size: 20px;
}
.details_table table tbody tr td {
    padding: 20px;
}
.details_table .animal_img{
    border: 1px solid grey;
    padding: 30px 10px;
}
.details_table tr .animal_qty{
    width: 68px;
    padding: 8px 15px;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 0px 2px 1px lightgrey;
}
.details_table .edit_animal{
    padding: 8px 18px;
    border-radius: 10px;
    border: none;
    background: #ffc202;
    box-shadow: none !important;
    border: none;
    cursor: pointer;
    font-family: "Roboto",Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary);

}


.selected_image .left_section{
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
}
.animal_information_page table tbody>tr:nth-child(odd)>td, .animal_information_page table tbody>tr:nth-child(odd)>th {
	background: transparent;
}
.animal_information_page .buttons {
	width: 91%;
}

.animal_information_page table td, .animal_information_page table th {
	border: none;
}

.animal_information_page table tbody tr td {
	vertical-align: middle;
}
.details_table .animal_img {
    border: 1px solid grey;
    padding: 5px 0px;
		width: 100px !important;
}
.details_table table tbody tr td {
	padding: 0px
}
/* .{
    
} */


/* my css end */
/* Qurbani page css end */


/* Transportation Page CSS */

/* Transportation Page CSS*/

/* *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    --e-global-typography-primary-font-family : "Montserrat", Sans-serif;
    --e-global-typography-text-font-family : "Montserrat", Sans-serif;
    --e-global-typography-accent-font-family : "Montserrat", Sans-serif;
    --e-global-font-size-primary : 45px;
    --e-global-font-size-text: 16px;
    --e-global-font-size-accent: 14px;
    --e-global-font-line-height-primary: 1.2em;
    --e-global-font-line-height-text: 1.6em;
    --e-global-color-primary : #ffc202;
  }
  @media (max-width: 768px) {
    :root {
        --e-global-font-size-primary : 30px;
        --e-global-font-size-text: 16px;
        --e-global-font-size-accent: 14px;
        --e-global-font-line-height-primary: 1.2em;
        --e-global-font-line-height-text: 1.6em;
      }
  }
  */
  
  
  /*elementor*/
  .elementor-2091 .elementor-element.elementor-element-1ea914c .elementor-image-box-title {

    background: none;
}

.swal-button{
    background: #FFC202;
}
.swal-button:not([disabled]):hover {
 background: #FFC202;
}


  
  
body{
    font-family: "Montserrat", Sans-serif;
    padding: 50px;
    /* text-transform: capitalize; */
} 
.form_container{
    background-color: white;
    margin: auto;
    overflow-x: auto;
    width:100%;
}


.transportation_form{
    display: flex;
    margin-top: 18px;
    flex-wrap: wrap;
    text-transform: capitalize;
}

/* custom dropdown menu start */

/* first page custom css */



select#trip {
    width: 100%;
    color: #505050;
    font-size: 16px;
    padding: 13px 20px !important;
    border-radius: 3px;
    box-shadow: 0px 1px 4px -1px #a7a7a7;
    border: 1px solid #c9c9c9;
    padding: 10px 10px 10px 15px;
}

.icon_input.car_type_menu {
    width: 130%;
    padding: 0px 0px 0px 15px;
}

.location_page .form_group div {
    align-items: center;
}


/* ===================== */
input.info_date_date {
    width: 100% !important;
}
.icon_input{
    border: 1px solid black;
}
.list_container{
    width: 250px;
    position: relative;
    display: flex;
    background: white;
    color: #c0bfbf;
    font-size: 16px;
    border-radius: 3px;
    margin: 0 10px;
    height: 52px;
  }
  .list_container .form_group{
    width: 100%;
    background-image:url("https://hajjcouncil.org/wp-content/uploads/2022/12/down.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right center;
    border-radius: 5px;
    cursor: pointer;
    padding: 20px 0px;
    color: #505050;
  }
  .list_container .car_icon {
     margin-right: 5px;
  }
  
  .list_container .car_list {
    position: absolute;
    left: -26px;
    width: 118%;
    top: 40px;
    background: white;
    border-radius: 5px;
    list-style: none;
    padding: 0px;
    transition: 200ms ease-in;
    transform: translateY(-20px);
    opacity: 0;
    /* display: none; */
    visibility: hidden;
    z-index: 5;
}
  /* 3rd page inspect */
  .payment_page .form_group{
    align-items: center;
  }
  .sale_mail p a {
    color:black;
}




  
  /* it will show car list */
  .list_container .car_list.active{
    visibility: visible;
    opacity: 1;
    /* display: block; */
    transform:translateY(1px);

  
  }
  .list_container .car_list .option{
   background-repeat: no-repeat;
    height: 50px;
    background-position: center center;
    background-size: 300px;
    padding: 0px;
    border: 1px solid lightgray;
    cursor: pointer;
    transition: 300ms ease-in;
  }
  .car_list .option:hover{
    filter: grayscale(100%);
  }
  
  
  /*https://hajjcouncil.org/wp-content/uploads/2022/12/image1.jpg*/
  
 .car_list .option:nth-child(1){
    background-image: url("https://hajjcouncil.org/wp-content/uploads/2022/12/image1.jpg");
  }
  .car_list .option:nth-child(2){
    background-image: url("https://hajjcouncil.org/wp-content/uploads/2022/12/image2.jpg");
  }
  .car_list .option:nth-child(3){
    background-image: url("https://hajjcouncil.org/wp-content/uploads/2022/12/image3.jpg");
  }
  .car_list .option:nth-child(4){
    background-image: url("https://hajjcouncil.org/wp-content/uploads/2022/12/image4.jpg");
  }
  .car_list .option:nth-child(5){
    background-image: url("https://hajjcouncil.org/wp-content/uploads/2022/12/image5.jpg");
  }
  .car_list .option:nth-child(6){
    background-image: url("https://hajjcouncil.org/wp-content/uploads/2022/12/image6.jpg");
  }
  .car_list .option:nth-child(7){
    background-image: url("https://hajjcouncil.org/wp-content/uploads/2022/12/image7.jpg");
  }
  .car_list .option:nth-child(8){
    background-image: url("https://hajjcouncil.org/wp-content/uploads/2022/12/image8.jpg");
  }

  
  
  
/*================*/

.single_trip select{
    background-image:url("https://hajjcouncil.org/wp-content/uploads/2022/12/down.png");
    background-size: 20px;
}


/* custom dropdown menu end */

.add_more_container{
    width: 88%;
    text-align: start;
    margin: 0px auto;
}


.add_more {
    text-align: start;
    width: 80%;
    margin: 0px auto;
    cursor: pointer;
    display: inline;
  }
  .add_more:hover{
    text-decoration: underline;
  }

 input::placeholder{
    text-transform: capitalize;
    color:#bbb;
}
.page{
    width: 100%;
    border: 1px solid #d7d7d7;
    text-align: center;
    padding: 0px 0px 220px 0px;
    text-transform: capitalize;
}

.location_page.page {
    padding: 0px 0px 320px 0px;
}
.custom_page h3{
    background: #ffc202;
    padding: 18px;
    font-size: 25px;
    color:#161616;
    font-family: "Roboto";
}
.box{
    margin-top: -8px;
    font-family:"Roboto";
}

.page .box h4{
    color:black;
    margin: 10px 0px;
    font-weight: 700;
    text-transform: capitalize;
}


.information_page.page{
    width: 100%;
    border: 1px solid #d7d7d7;
    text-align: center;
    padding: 0px 0px 150px 0px;
    text-transform: capitalize;
}

/* .information_page .buttons {
    width: 91%;
} */



.image_container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    background: #e9e9e9;
    padding: 36px;
    border-radius: 10px;
}
.image_container img {
    width: 145px;
    border-radius: 10px;
    margin: 5px;
}

.images_container {
    display: flex;
    justify-content: center;
     flex-wrap: wrap;
}
.images_container .img_box{
   width:30%;
   padding: 10px;
   margin-top: 10px;

}
.images_container .img_box img{
  border-radius: 10px;
  border: 1px solid #ddd;
  cursor: pointer;
 
}
.images_container .img_box input[type="radio"]{
    display: none;
}
.images_container .img_box input[type="radio"]:checked + label img{
    border: 2px solid #ffc202;
}
select {
	appearance : none;
	padding-right: 15px !important;
    background-image:url("https://hajjcouncil.org/wp-content/uploads/2022/12/down.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 20px;
}
/* input#pick_date::placeholder{
    color: #7c7c7c;
} */
input#pick_date::-webkit-calendar-picker-indicator {
    position: absolute;
    content: "f073";
    filter: invert(0.7);
    margin-left: -30px;
    font-size: 20px;
    /* padding:; */
}
.info_date_time::-webkit-calendar-picker-indicator, .info_date_date::-webkit-calendar-picker-indicator {
    /* filter: invert(0.7); */
}
input#pick_date {
    padding: 11px 35px;
    margin-left: 5px;
}
/* input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
} */



/*========*/

.information_box input.info_data_time {
    width: 88%;
}
.conditions_label{
    margin-top: 3px;
    display: inherit;
}

.view_link {
    font-family: "Roboto";
}
.view_link p{
    margin-top: 0px;
    margin-left: 0px; 
    margin-bottom: 0px;

}

textarea#comment {
    width: 109%;
}

.help_support_text{
    margin-left: 0px;
}
/*========*/
.progress_bar {
    position: relative;
    display: flex;
    text-align: center;
    border:none;
    margin: 45px 0px 90px 0px;
}
.progress_bar:before {
    content: "";
    position: absolute;
    width: 94%;
    height: 1px;
    background: #c9c9c9;
    top: calc(50% - 15px);
    left: 3%;
}
.progress_bar .icon_box {
    flex-grow: 1;
}
.progress_bar .icon i, .progress_bar .icon img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: white;
    z-index: 9;
    box-shadow: 0px 0px 2.5px 1px #0000001a;
    display: flex;
    justify-content: center;
    align-items: center;
}
.progress_bar .icon i.active{
    background: #ffc202;
}
.progress_bar .icon {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.selected_image .right_section {
	width: 100%;
    padding-top: 25px;
    margin-right: 35px;

}
.form_group {
    display: flex;
    width: 90%;
    margin: 30px auto;
    /*align-items: start;*/
    text-align: left;
}
.form_group div {
    font-weight: 600;
}
.buttons {
    width: 89%;
    margin: 25px auto;
    text-align: end;
    padding: 10px 5px;
    margin-top: 50px;
}
.buttons button {
    box-shadow: none !important;
    border:none;
    cursor: pointer;
    background: #ffc202;
    box-shadow: none !important;
    border-radius: 10px;
    cursor: pointer;
    font-family: "Roboto",Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary);

}
.form2 div:first-child {
    width: 35%;
    text-align: left;
    display: flex;
    align-items: center;
    color:#08090E;
    font-family:"Roboto";
}
.form_group  img{
    border: 1px solid #ebebeb;
    border-radius: 10px;
    transition: 0.3s;
}
/*.form_group img:hover{*/
/*    box-shadow: 0px 0px 10px 2px rgba(82, 82, 82, 0.1);*/
/*}*/
.form_group img.active{
    border: 1px solid #ffc202;
}
.form_group div {
    width: 90%;
    align-items: center;
}
.form_group select, .form_group input, 
.form_group textarea{
  width: 100%;
    color: #9d9d9d;
    font-size: 15px;
    padding: 13px 20px;
    border-radius: 3px;
    box-shadow: 0px 1px 4px -1px #a7a7a7;
    border: 1px solid #c9c9c9;
    color:#08090E;
    font-family: "Roboto";
    
}
.form_group select::placeholder, .form_group input::placeholder, 
.form_group textarea::placeholder{
    color: #7c7c7c;
    font-size: 15px;
}

.form_group textarea{
    padding: 10px;
}
.progress_bar .icon_box div {
    font-weight: 600;
    color:#161616;
    font-size: 16px;
    font-family: "Roboto";
    
}

.booking_summary_page.page{
    width: 100%;
    border: 1px solid #d7d7d7;
    text-align: center;
    padding: 0px 0px 90px 0px;
}



.payment_page_2.page{
    width: 100%;
    border: 1px solid #d7d7d7;
    text-align: center;
    padding: 0px 0px 70px 0px;
    text-transform: capitalize;
}




/* third payment page css */

.cofirm_text {
    display: flex;
    width: 90%;
    margin: 30px auto;
    text-align: left;
}



/* summary_container */

.booking_summary_page .form_group{
    display: flex;
    width: 84%;
    margin: 30px auto;
    text-align: left;
}
.booking_summary_page .form_group.form2.form3{
    
}


.summary_container.page{
    width: 100%;
    text-align: center;
    padding: 0px 0px 50px 0px;
    text-transform: capitalize;
}
.summary_container {
    border: none;
    padding: 0px 80px;
}
.booking_reference{
    display: flex;
    padding: 10px;
    justify-content: end;
    font-family:"Roboto";
}
.booking_reference h6{
      padding:10px;
      font-weight: 700;
       font-size: 12px;
}
.booking_reference h6:nth-child(1){
    background: #ffc202;
    color:black;
}
.booking_reference h6:nth-child(2){
    font-weight: 300;
}
.user_details{
    font-family:"Roboto";
    display: flex;
    width: 100%; 
}
.user_details .column{
    width: 55%;
    text-align: center;
    font-weight: 600;
}
.user_details .column:nth-child(2){
    width: 45%;
  
}
.user_details .column .row{
    display: flex;
    justify-content: space-around
}
.user_details .column .row div{
    background: #eeeeee8c;
    flex: 1;
    margin: 10px;
    padding: 20px 10px;
}
.user_details .column .row div:nth-child(2){
    font-weight: 300;
}
.user_details .email_data {
    text-transform: lowercase;
}
.location_details .column div:nth-child(2){
font-weight: 300;
}

.location_details{
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: start;
    font-family:"Roboto";
}
.location_details .column {
    margin: 10px;
    display: flex;
    width: 33%;
    flex-direction: column;
    border: 1px solid #eee;
    font-weight: bold;
}
.location_details .column div:first-child{
    background-color: #ffc202;
    padding: 15px 10px;
    font-size: 16px;
}
.location_details .column div:last-child{
    background-color: #f6f6f6;
    padding: 15px;
    text-transform: capitalize;
}
.location_details .pickup_location{
    text-transform: capitalize;
}
.location_details .dropoff_location{
    text-transform: capitalize;
}


.help_support_content {
    text-align: start;
    line-height: 22px;
    padding: 30px 90px;
}
.booking_summary_page .buttons {
    margin-top: -10px;
    justify-content: space-between;
    width: 85%;
    text-align: end;
}
.left_section {
    flex: 0 0 70%;
}
.images_container .img_box img {
    width: 100%;
}
.selected_image {
    display: flex;
}
.images_container img {
    box-shadow: 0px 1px 4px -1px #a7a7a7;
}
.help_support_title {
    margin-bottom: 15px;
    background: none;
}
.form_group div .car_name {
    font-weight: 500;
    color: #7c7c7c;
}
@media (max-width: 768px) {
	.user_details .column .row div {
		margin: 5px;
	}
	.form_group div.mob_margin {
        position: relative;
    width: 100%;
}
.help_support_content {
    padding: 20px;
}
.summary_container {
    padding: 0 20px;
}
.buttons {
     margin-top: 0px;
}
	.form_group {
	    margin: 0px auto;
	}
	.animal_mob {
		flex-direction: column;
	}
	.location_details {
		display: block;
	}
	.buttons {
		width: 87% !important;
	}
	.list_container .car_list {
    position: absolute;
    left: -16px;
    width: 106%;
	}
	/* input#pick_date {
		margin-left: 0px;
	} */
	.form_group div:first-child {
		width: 100% !important;
	}
	.buttons .next_btn_2 {
		text-align: center; 
	}
    .form_group {
        flex-wrap: wrap;
				width: 90%;
    }
    .progress_bar {
        display: block;
    }
    .progress_bar:before {
        width: 0px;
        height: 0px;;
    }
    .progress_bar .icon_box {
        margin: 20px;
    }
    /* .images_container, .selected_image, .user_details, .location_details, .booking_reference {
        display: block;
    } */
    .user_details .column:nth-child(2), .user_details .column, .left_section {
        width: 100%;
    }
    .images_container .img_box {
        width: 100%;
    }
    .selected_image, .user_details {
        flex-direction: column;
    }

    .location_details .column {
        width: 100%;
		margin: 20px 0px;
		padding: 0px 0px;
    }
    .progress_bar {
        margin: 0px;
    }
    /* .form_group div:first-child {
        padding-bottom: 15px;;
    } */
    .form_group div {
        margin: 10px !important;
    }
    .form_group .list_container {
        margin: 0px !important;
    }
    .form3 div {
        width: 100%;
        justify-content: center;
        display: flex;
    }
    .form3 .phone_detail {
        flex-direction: column;
        text-align: center;
    }
    .form_group input {
    width: 100% !important;
}
.form_group div.name_field, .form_group div.email_field, .form_group div.phone_field, .form_group div.select, .form_group div.arrival_date, .form_group div.arrival_time {
    margin-right: 0px;
    width: 100%;
}
}

/*@media (max-width: 368px) {*/
/*    .form3 div.view_link {*/
/*    justify-content: start;*/
/*    margin: 0px 10px!important;*/
/*}*/
/*}*/

/* single step styling apart from previous one */
.form_group .single_trip {
    width: 20% !important;
    margin-left: 10px;
}
.form_group div.icon_input  {
    display: flex;
    background: white;
    color: #c0bfbf;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: 0px 1px 4px -1px #a7a7a7;
    border: 1px solid #c9c9c9;
    margin: 0 10px;
}
.form_group .icon_input input, .form_group .icon_input select {
    border: 0px;
    box-shadow: none;
    padding-left: 43px;
}
.form_group .icon_input label {
    background: white;
    color: #7c7c7c;
    font-size: 16px;
    position: absolute;
    padding: 13px 0px 13px 17px;
    border-radius: 3px; 
}
.form_group .icon_input input {
    padding: 13px 13px 13px 43px;
}
.form_group select:focus-visible, .form_group input:focus-visible {
    outline: 0px !important;
    box-shadow: none !important;
}
.special_request {
    flex-direction: column;
}

.form_group.special_request {
    display: flex;
    justify-content: start;
    align-items: start;
}

.request {
    margin-top: 10px;
}
.form_group [type="checkbox"] {
    width: auto !important;
    margin-right: 15px;
}
.form2 .agreement {
    width: 50% !important;
}
.terms_conditions {
    display: flex;
    width: 75%;
    margin: 20px auto;
    flex-direction: column;
    text-align: left;
}

/* Transportation Page css ends *//* End custom CSS */