/********************************************************

1. body start

 *******************************************************/



:root {

    --orange-color-dark: #656565;

    --orange-color-light: #00c4e1;

    --dark-blue: #052a45;

    --black-color: #222222;

    --gray-color: #757575;

    --white-color: rgb(255, 255, 255);

}

html{

	overflow-x:hidden;

}

body {

    font-family: 'Inter', sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 16px;

    line-height: 1.6;

    color: var(--text-color);

    background: var(--background);

    -webkit-font-smoothing: antialiased;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    overflow-x:hidden;

}



*,

*:before,

*:after {

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}



a,

a:hover,

a:focus {

    text-transform: capitalize;

    text-decoration: none;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Inter', sans-serif;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    margin: 0;

    padding: 0;

    word-break: break-word;

}



img {

    max-width: 100%;

}



input,

textarea,

select,

button,

label,

svg,

svg path,

svg rect,

svg polygon,

img,

a,

 :after,

 :before,

 :hover,

 :focus,

.form-control:focus {

    outline: none !important;

    box-shadow: none;

}



ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}



p {

    margin: 0px;

    padding: 0;

    word-break: break-word;

}





/* width */



::-webkit-scrollbar {

    width: 4px;

}





/* Track */



::-webkit-scrollbar-track {

    background: #ebecff;

}





/* Handle */



::-webkit-scrollbar-thumb {

    background: var(--orange-color-light);

    width: 4px;

}



.container {

    max-width: 1170px;

}



.col-lg-8.col-md-12.col-sm-12.col-xs-12.padding_0 {

    padding: 0;

}



.col-lg-4.col-md-12.col-sm-12.col-xs-12.padding_0 {

    padding: 0;

}



.ed_toppadder10{

	padding-top:10px;

}

.ed_toppadder20{

	padding-top:20px;

}

.ed_toppadder30{

	padding-top:30px;

}

.ed_toppadder40{

	padding-top:40px;

}

.ed_toppadder50{

	padding-top:50px;

}

.ed_toppadder60{

	padding-top:60px;

}

.ed_toppadder70{

	padding-top:70px;

}

.ed_toppadder80{

	padding-top:80px;

}

.ed_toppadder90{

	padding-top:90px;

}

.ed_toppadder100{

	padding-top:100px;

}

.ed_bottompadder10{

	padding-bottom:10px;

}

.ed_bottompadder20{

	padding-bottom:20px;

}

.ed_bottompadder30{

	padding-bottom:30px;

}

.ed_bottompadder40{

	padding-bottom:40px;

}

.ed_bottompadder50{

	padding-bottom:50px;

}

.ed_bottompadder60{

	padding-bottom:60px;

}

.ed_bottompadder70{

	padding-bottom:70px;

}

.ed_bottompadder80{

	padding-bottom:80px;

}

.ed_bottompadder90{

	padding-bottom:90px;

}

.ed_bottompadder100{

	padding-bottom:100px;

}

.ed_transprentbg {

    clear:both;

    width: 100%;

    background:#fff;

}

.ed_graysection {

    clear:both;

    width: 100%;

    background-color: #f5f5f5;

}

/* button css */



.all_btn,

.all_btn:focus {

    min-width: 147px;

    padding: 0 20px;

    height: 47px;

    line-height: 47px;

    display: inline-block;

    text-align: center;

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 2px;

    font-weight: 500;

    transform: translateX(0px);

    box-shadow: -6.772px 8.668px 20px 0px rgba(0, 196, 255, 0.3);

    color: var(--white-color);

    background: var(--orange-color-light);

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    background: linear-gradient(to left, #00c4e1 50%, #052a45 50%);

    background-size: 200% 100%;

    background-position: right bottom;

}



.all_btn:hover {

    color: var(--white-color);

    box-shadow: none;

    background-position: left bottom;

}





/*define css*/





/*all heading css*/



.tr_service_heading {

    text-align: center;

}



.tr_service_heading h3 {

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 2px;

    color: var(--orange-color-light);

}



.tr_service_heading h5 {

    font-size: 32px;

    font-weight: 300;

    color: var(--blue_color);

    padding: 15px 0px 36px;

}



.tr_service_heading.tr_testimonial_res h5 {

    padding-bottom: 0;

}





/*all heading css end*/



.white_color {

    color: var(--white_color);

}



.orange_color_light {

    color: var(--orange-color-light);

    letter-spacing: 1px;

}



.gray_color {

    color: var(--gray-color);

}



.blue_color {

    color: var(--dark-blue) !important;

}



.white_color {

    color: var(--white-color);

}



.f_12 {

    font-size: 12px;

}



.f_14 {

    font-size: 14px;

}



.f_15 {

    font-size: 15px;

}



.f_18 {

    font-size: 18px;

}



.f_16 {

    font-size: 16px;

}



.f_20 {

    font-size: 20px;

}



.f_22 {

    font-size: 22px;

}



.f_32 {

    font-size: 32px;

}



.f_36 {

    font-size: 36px;

}



.f_w_100 {

    font-weight: 100;

}



.f_w_700 {

    font-weight: 700;

}



.f_w_600 {

    font-weight: 600;

}



.f_w_800 {

    font-weight: 800;

}



.padd_top_10px {

    padding-top: 11px;

}





/* button css */





/********************************************************

1. body end

 *******************************************************/





/*preloader css start*/



.loader {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    z-index: 999999;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #ffffff;

}



.loader img {

    width: 80px;

}





/*preloader css end*/





/*header css start*/



.tr_logo {

    padding-left: 27px;

}



.tr_header_menu {

    padding-left: 0;

}



.tr_header_bar {

    display: none;

}



.tr_header_menu>ul>li {

    display: inline-flex;

}



.tr_header_menu>ul>li>a {

    display: inline-flex;

    position: relative;

    font-size: 16px;

    color: #0d283b;

    padding: 24px 0;

    margin: 0px 15px;

    font-weight: 500;

    transition: all 0.5s;

    text-transform:uppercase;

}



.tr_header_menu>ul>li>a.tr_home_active {

    color: var(--orange-color-light);

}



.tr_header_menu>ul>li>a.tr_home_active:after {

    content: '';

    position: absolute;

    display: inline-block;

    width: 28px;

    left: 0;

    right: 0;

    top: 0;

    background: var(--orange-color-light);

    height: 2px;

    margin: 0 auto;

    transition: all 0.3s;

}



.tr_header_menu>ul>li>a.tr_home_active:before {

    content: '';

    position: absolute;

    display: inline-block;

    width: 28px;

    left: 0;

    right: 0;

    bottom: 0;

    background: var(--orange-color-light);

    height: 2px;

    margin: 0 auto;

    transition: all 0.3s;

}



.tr_header_menu>ul>li>a:after {

    content: '';

    position: absolute;

    display: inline-block;

    width: 0;

    left: 0;

    right: 0;

    top: 0;

    background: var(--orange-color-light);

    height: 2px;

    margin: 0 auto;

    transition: all 0.3s;

}



.tr_header_menu>ul>li>a:before {

    content: '';

    position: absolute;

    display: inline-block;

    width: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: var(--orange-color-light);

    height: 2px;

    margin: 0 auto;

    transition: all 0.3s;

}



.tr_header_menu>ul>li>a:hover {

    color: var(--orange-color-light);

}



.tr_header_menu>ul>li>a:hover:after {

    width: 28px;

}



.tr_header_menu>ul>li>a:hover:before {

    width: 28px;

}



li.tr_none a img {

    display: none;

}



.tr_header_icon_text h5 {

    font-size: 12px;

    color: var(--gray-color);

    letter-spacing: 2px;

}



.tr_header_icon_text>p {

    font-size: 20px;

    color: var(--orange-color-light);

    font-weight: 500;

}





/*contact css*/



.tr_header_button {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.tr_header_contact {

    display: inline-flex;

}



.tr_header_contact .tr_header_icon_mob {

    display: inline-flex;

    cursor: pointer;

    align-items: center;

    justify-content: center;

    width: 50px;

    height: 50px;

    background: var(--orange-color-light);

    box-shadow: -6.772px 8.668px 20px 0px rgba(0, 196, 255, 0.3);

}



.tr_header_contact .tr_header_icon_mob svg {

    fill: var(--white-color);

}



.tr_header_icon_text {

    padding: 5px 0px 0px 15px;

    cursor: pointer;

}



.tr_quote {

    display: inline-flex;

}



.tr_quote .tr_quote_download {

    width: 80px;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: var(--orange-color-dark);

}



.tr_quote .tr_quote_download svg {

    fill: var(--white-color);

}



.tr_quote_text {

    width: 218px;

    background-color: var(--orange-color-light);

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

}



.tr_quote_text h5 {

    letter-spacing: 1px;

}





/*contact css end*/





/*---------------header css end----------------*/





/*---------------banner css start----------------*/



.tr_banner_wrapper {

    background-image: url("../images/fleet/WhatsApp Image 2023-10-22 at 13.33.38 (3).jpeg");

    width: 100%;

    position: relative;

    background-repeat: no-repeat;

    height: 863px;

    background-size: cover;

    background-position: center;

}



.tr_banner_box {

    background-color: var(--white-color);

    width: 100%;

    max-width: 595px;

    padding: 46px 0px 52px 55px;

    border-left: 3px solid var(--orange-color-light);

    position: relative;

    right: 150px;

    top: 279px;

    min-height: 332px;

}



.tr_banner_box p {

    color: var(--orange-color-light);

    font-weight: 600;

    padding-bottom: 12px;

}



.tr_banner_box h2 {

    font-size: 52px;

    color: var(--dark-blue);

    font-weight: 800;

    padding-bottom: 25px;

}



.tr_banner_button {

    display: flex;

}



.tr_banner_tracking {

    width: 100%;

    max-width: 206px;

    background-color: rgb(250, 250, 250);

    border: 1px solid rgb(237, 237, 237);

    color: var(--white-color);

    height: 47px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 26px;

}



.tr_banner_tracking a {

    color: rgb(145, 145, 145);

    font-size: 14px;

    letter-spacing: 1px;

    font-weight: 600;

}



.tr_banner_tracking a svg {

    fill: var(--orange-color-light);

    margin-right: 10px;

}





/*banner bottom css*/



.tr_banner_bottom_postion {

    display: flex;

    align-items: center;

    justify-content: center;

}



.tr_banner_bottom {

    display: inline-flex;

    position: absolute;

    top: -85px;

}



.tr_banner_icon_box {

    background-color: var( --white-color);

    padding: 42px 0;

    text-align: center;

    border-right: 1px solid rgb(244, 244, 244);

    width: 255px;

    height: 178px;

    transition: all 0.3s;

}

.tr_banner_icon_box:hover{

   transform: translateY(-5px);

}



.tr_banner_icon_box.tr_banner_box-border_left {

    border-left: 3px solid var(--orange-color-light);

}



.tr_banner_icon_box.tr_banner_box-border_right {

    border-right: 3px solid var(--orange-color-light);

}



.tr_banner_icon_box h3 {

    font-size: 16px;

    font-weight: 600;

    padding-top: 26px;

    color: var(--dark-blue);

     transition: all 0.3s;

}



.tr_banner_icon_box svg {

    width: 49px;

    height: 49px;

    fill: var(--orange-color-light);

}





/*---------------banner css end----------------*/





/*----------------about css strt-----------------*/



.tr_about_wrapper {

    padding-top: 190px;

    position: relative;

}



.tr_about_image {

    background-image: url(../images/about1.png);

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    min-height: 418px;

    background-position: center;

}



.tr_about_25 {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 80px;

    height: 80px;

    background-color: var(--orange-color-dark);

}



.tr_about_25 h3 {

    font-size: 40px;

    color: #ffffff;

}



.tr_about_years p {

    font-size: 16px;

    font-weight: 300;

    color: var(--white-color);

}



.tr_about_year {

    display: inline-flex;

    position: absolute;

    bottom: 18px;

    left: 101px;

    align-items: center;

    justify-content: center;

    width: 252px;

}



.tr_about_years {

    background-color: var(--orange-color-light);

    width: 100%;

    max-width: 171px;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

}





/*about description css*/



.tr_about_description h5 {

    padding-top: 20px;

}



.tr_about_description>h4 {

    font-size: 32px;

    font-weight: 300;

    max-width: 375px;

    padding: 8px 0px 18px;

    color: var(--dark-blue);

    line-height: 1.4;

}



.tr_about_description>p {

    padding-bottom: 25px;

}



.tr_about_description>p {

    color: var(--gray-color);

    font-weight: 500;

}





/*about package css*/



.tr_about_package {

    padding: 62px 0px 80px;

}



.tr_about_package1 {

    text-align: center;

    background: var(--white-color);

    transition: all 0.3s;

}



.tr_border_dotted {

    border: 2px solid var(--orange-color-light);

    width: 100px;

    height: 100px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-style: dotted;

    margin: 0 auto;

    position: relative;

    transition: all 0.9s;

}



.tr_about_package1:hover {

    transform: translateY(-5px);

}



.tr_about_package1:hover .tr_border_dotted {

    transform: rotate(360deg);

}



.tr_about_circle_svg {

    width: 80px;

    height: 80px;

    background-color: #f5f5f5;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 58px;

    right: 0;

    left: 0;

    margin: 0 auto;

}



.tr_about_circle_svg svg {

    fill: var(--orange-color-light);

}



.tr_about_package1 {

    text-align: center;

    padding: 49px 0px 48px;

    position: relative;

    width: 100%;

    height: 350px;

}



.tr_about_package1:after {

    content: '';

    position: absolute;

    width: 138px;

    height: 4px;

    background-color: var(--orange-color-light);

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    border-radius: 0px 0px 12px 12px;

}



.tr_about_package1:before {

    content: '';

    position: absolute;

    width: 138px;

    height: 4px;

    background-color: var(--orange-color-light);

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    border-radius: 12px 12px 0px 0px;

}



.tr_about_package1_text {

    padding: 30px 16px 0;

}



.tr_about_package1_text h2 {

    font-weight: 700;

    padding-bottom: 7px;

}





/*----------------about css end-----------------*/





/*service css start*/



.tr_service_wrapper {

    padding: 78px 0px 98px;

}



.tr_about_package.tr_service_section {

    padding: 9px 0px 69px;

}



.tr_about_package.tr_service_section_bottom {

    padding: 0;

}



.tr_about_package1.tr_service_box {

    position: relative;

    box-shadow: 0px 0px 50px 0px rgba(41, 37, 80, 0.08);

    padding: 39px 0 59px;

}



.tr_service_btn {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

}





/*service css end*/





/*pricing css start*/



.tr_pricing_wrapper {

    background-image: url(../images/pricing_bg.jpg);

    padding: 79px 0px;

}



.tr_pricing_table_inner {

    background-color: var(--white-color);

    padding: 45px 6px 5px 4px;

}



.tr_table_heading {

    text-align: center;

    padding-bottom: 22px;

}



.tr_table_heading h2 {

    padding-bottom: 7px;

}



.tr_pricing_table {

    padding-top: 12px;

}



.tr_pricing_table_inner table {

    margin-bottom: 0;

}



.tr_pricing_table_inner table tr th {

    border-bottom-width: inherit;

    line-height: 1.2;

    color: var(--blue_color);

    font-size: 15px;

}



.tr_pricing_table_inner table tr th {

    padding: 8px 16px 8px 29px;

    vertical-align: middle;

}





/*.tr_pricing_table_inner table>:not(caption)>*>*:nth-child(1) {

    padding: 9px 0px;

}

*/



.table-striped>tbody>tr:nth-of-type(even) td {

    padding: 20px 28px;

}



.table-striped>tbody>tr:nth-of-type(odd) td {

    padding: 12px 26px;

}



.tr_pricing_table_inner table tr td {

    border-bottom-width: inherit;

    font-weight: 500;

    color: var(--gray-color);

    background-color: #f9f9f9;

    font-size: 15px;

}





/*pricing form css*/



.tr_pricing_form_section {

    background-color: var(--orange-color-light);

    padding: 34px 29px 40px 29px;

}



.tr_pricing_form_inner h2 {

    padding-bottom: 11px;

}



.tr_pricing_inner_main {

    display: inline-flex;

}



.tr_pricing_form_inner input {

    background: var(--orange-color-dark);

    border: transparent;

    max-width: 153px;

    height: 49px;

    margin-right: 30px;

    padding: 0px 15px;

}



.tr_pricing_form_inner input::placeholder {

    color: var(--white-color);

    font-size: 14px;

}



.tr_pricing_form {

    text-align: center;

    padding-bottom: 28px;

}



.row.pricing_space {

    padding-top: 28px;

}



a.tr_pricing_button {

    background-color: var(--dark-blue);

    color: var(--white-color);

    width: 100%;

    height: 49px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 30px;

    font-size: 12px;

    letter-spacing: 1px;

    background: linear-gradient(to left, #052a45 50%, #ffffff 50%);

    background-size: 200% 100%;

    background-position: right bottom;

    transition: all 0.3s;

}



a.tr_pricing_button:hover {

    background-position: left bottom;

  color: var(--orange-color-light);

}





/*pricing css end*/





/*testimonial css start*/



.tr_testimonial_wrapper {

    padding: 67px 0 100px;

}



.tr_testimonial_inner .swiper {

    padding: 20px 20px 80px;

}



.tr_testimonial_inner {

    position: relative;

}



.swiper-slide.swiper-slide-next {

    width: 520px;

}



.tr_testimonial_inner .swiper-slide {

    position: relative;

    top: 50px;

    text-align: center;

    font-size: 18px;

    background-color: var(--white-color);

    box-shadow: 0px 0px 15px 0px rgba(41, 37, 80, 0.08);

    display: -webkit-box;

    padding: 39px 28px 32px 50px;

}



.tr_testimonial_inner .swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.tr_testimonial_inner .swiper-pagination {

    position: absolute;

    text-align: center;

    transition: .3s opacity;

    transform: translate3d(0, 0, 0);

    z-index: 10;

    bottom: -29px;

    left: 0;

    right: 0;

}



.swiper-pagination-bullet-active {

    opacity: var(--swiper-pagination-bullet-opacity, 1);

    background: var(--orange-color-light);

    width: 12px;

    height: 12px;

}



.swiper-pagination-bullet {

    margin: 0px 5px;

    display: inline-block;

    border-radius: 50%;

    width: 12px;

    height: 12px;

}



.tr_testimonial_img_section img {

    width: 60px;

    height: 60px;

    border-radius: 50%;

}



.tr_testimonial_img {

    display: flex;

    align-items: center;

    text-align: left;

    margin-bottom: 24px;

}



.tr_testimonial_img_text {

    padding-left: 13px;

}



.tr_testimonial_text p {

    text-align: left;

    font-weight: 500;

    color: var(--gray-color);

}



.tr_testimonial_icon {

    position: absolute;

    top: -30px;

    right: 30px;

}





/*testimonial css end*/





/*blog css start*/



.tr_blog_wrapper {

    background-image: url(../images/pricing_bg.jpg);

    padding: 80px 0px;

}







.tr_blog_box {

    overflow: hidden;

    backface-visibility: hidden;

    transition: all 0.3s;

}



.tr_blog_img {

    position: relative;

    overflow: hidden;

    transition: all 0.3s;

}



.tr_blog_img img {

    transform: scale(1);

    transition: all 0.3s;

}



.tr_blog_box:hover .tr_blog_img img {

    transform: scale(1.1);

}



.tr_blog_title {

    position: absolute;

    bottom: 9px;

    left: 10px;

    color: var(--white-color);

    background: var(--orange-color-light);

    padding: 9px 19px;

}



.tr_blog_content {

    padding: 23px 22px 23px 29px;

    background-color: var(--white-color);

}



.tr_blog_content h2 {

    line-height: 1.4;

    max-width: 345px;

    padding-bottom: 6px;

}



.tr_blog_content p {

    font-weight: 500;

    padding-bottom: 17px;

}



.tr_blog_content a {

    font-weight: 600;

}



.tr_blog_button {

    text-align: center;

    padding-top: 40px;

}





/*blog css end*/





/*support css start*/



.tr_support_wrapper {

    padding: 85px 0px 85px;

    background-image: url(../images/support.jpg);

}



.tr_support_left p {

    letter-spacing: 2px;

    font-weight: 500;

}



.tr_support_left h2 {

    font-weight: 400;

    padding-top: 13px;

    line-height: 1.2;

}

.tr_support_left h2 a{

	color:#fff;

	text-transform:none;

	}

.tr_support_button {

    display: flex;

    justify-content: end;

    padding-top: 60px;

    transition: all 0.3s;

}



.tr_support_button a {

    background-color: var(--white-color);

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    max-width: 188px;

    height: 58px;

    color: var(--orange-color-light);

    font-weight: 600;

    letter-spacing: 1px;

    background: linear-gradient(to left, #ffffff 50%, #041c2d 50%);

    background-size: 200% 100%;

    background-position: right bottom;

    transition: all 0.3s;

}



.tr_support_button a:hover {

    background-position: left bottom;

}

@media(min-width:1200px){

.tr_menu{

	display:flex;

	align-items:center;

	}

}

/*support css end*/





/*footer css start*/



.tr_footer_wrapper {

    background-color: #041c2d;

    padding: 70px 0px 62px;

    clear:both;

}



.tr_footer_icon_text {

    padding-top: 35px;

}



.tr_footer_icon_text ul {

    margin: 0;

    padding: 0;

}



.tr_footer_icon_text ul li {

    display: block;

    padding-bottom: 10px;

    transform: translateX(0px);

    transition: all 0.3s;

}



.tr_footer_icon_text ul li:hover {

    transform: translateX(5px);

}



.tr_footer_icon_text ul li a {

    display: flex;

    color: var(--white-color);

    font-size: 15px;

    fill:#00c4e1;

}

a{

	color:#00c4e1;

	}





/*social icon css start*/



.tr_social_icons {

    padding: 25px 0px 0px 0px;

}



.tr_social_icons ul {

    margin: 0;

    padding: 0;

}



.tr_social_icons ul li {

    display: inline-flex;

    padding-right: 10px;

    transition: all 0.3s;

}



.tr_social_icons ul li a i {

    color: #ffffff;

    transition: all 0.3s;

}



.tr_social_icons ul li:hover a i {

    color: var(--orange-color-light);

}





/*social icon css end*/



.tr_footer_section2 h2 {

    letter-spacing: 1px;

    font-weight: 500;

    position: relative;

    padding-bottom: 13px;

}



.tr_footer_section2 h2:before {

    content: '';

    position: absolute;

    bottom: 0;

    background-color: var(--orange-color-light);

    height: 2px;

    width: 73px;

}



.tr_footer_section1 p {

    padding-top: 35px;

}



.tr_footer_icontext {

    padding-left: 13px;

}

.ed_timer_section{

    float: left;

    width: 100%;

    background-color: #272727;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

	background-image: url(../images/section_3_bg.jpg);

    background-position: 100% 100%;

	background-repeat: no-repeat;

	margin:50px 0;

}

.ed_bottompadder60 {

    padding-bottom: 60px;

}

.ed_toppadder90 {

    padding-top: 90px;

}

.ed_heading_top {

    text-align: center;

    float: left;

    width: 100%;

    z-index: 1;

}

.ed_heading_top h3 {

    position: relative;

    display: inline-block;

    float: left;

    width: 100%;

    margin: 0px;

    padding-bottom: 25px;

    text-transform: capitalize;

    font-size: 36px;

}

.ed_heading_top h3:before {

    position: absolute;

    content: "";

    top: 90%;

    left: 0;

    right: 0;

    margin: 0px auto;

    width: 100px;

    height: 2px;

    background-color: #00c4e1;

}

.ed_heading_top h3:after {

    position: absolute;

    content: "";

    top: 100%;

    left: 0;

    right: 0;

    margin: 0px auto;

    width: 60px;

    height: 0px;

    border-bottom: 2px solid #00c4e1;

}

.ed_timer_section .ed_heading_top h3{

    color:#ffffff;

}



.ed_video_section{

	float: left;

    width: 100%;

	position:relative;

}

.ed_video_section  img{

	width:100%;

}

.ed_video_section .ed_img_overlay i{

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    color: #ffffff;

    font-size: 64px;

	width:64px;

    border-radius: 3px;

    text-align: center;

    cursor: pointer;

    margin-top: -32px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.ed_video_section .ed_img_overlay i:hover{

	color:#00c4e1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.ed_video_section_discription{

    float: left;

    width: 100%;

    margin-left: 0px;

}

.ed_video_section_discription h4{

    font-size: 36px;

    padding-top: 0px;

    margin-top: 0px;

    text-transform: capitalize;

}

.ed_video_section_discription p{

	padding:10px 0px 0px 0px;

    text-align: justify;

}

.ed_video_section_discription span{

	float:left;

	width:100%;

    margin-top: 20px;

    text-align: left;

}

.ed_video_section_discription_img{

	float:left;

	width:100%;

	text-align:center;

}

.ed_video_section_discription_img img{

	display:inline-block;

}

.ed_video {

    float: left;

    width: 100%;

    position: relative;

}

.ed_video .ed_img_overlay {

    background-color: rgba(0, 0, 0, 0.5);

}

.ed_counter_wrapper{

	float:left;

	width:100%;

	padding:0px;

}

.ed_counter{

	float:left;

	width:100%;

	text-align:center;

	padding:0px;

	margin-bottom:30px;

}

.ed_counter_wrapper.style_2 .ed_counter h2{

	border: none;

    width: auto;

    height: auto;

    line-height: initial;

    border-radius: 0%;

}

.ed_counter h2{

    font-size: 38px;

    position: relative;

    margin: 0px;

    text-transform: uppercase;

    display: inline-block;

    color: #ffffff;

    border: 2px dashed #ffffff;

    width: 125px;

    height: 125px;

    line-height: 125px;

    border-radius: 100%;

    margin-bottom: 10px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.ed_counter h4{

	margin: 15px 0px 10px 0px;

    text-transform: capitalize;

	color:#ffffff;

    font-size: 24px;

}

.ed_pagetitle{

	float: left;

	width: 100%;

	background-color: #272727;

	position:relative;

	background-attachment:fixed;

	background-size: cover;

	color:#fff;

	padding:100px 0px;

	background-image: url(../images/brdcrm_bg.jpg);

    background-position: 100% 100%;

	background-repeat: no-repeat;

	}

.ed_img_overlay{

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

	width: 100%;

	height: 100%;

	background-color:rgba(0, 0, 0, 0.8);

}

.ed_pagetitle .container {

    position: relative;

}

.ed_timer_section .container {

    position: relative;

}

.ed_pricing_section .container {

    position: relative;

}





/*footer css end*/





/*copywrite css start*/



.t_copywrite {

    background-color: #0d283b;

    text-align: center;

    padding: 12px 0px;

}





/*top scroll css start*/



.tr_top_icon a {

    display: flex;

    width: 50px;

    height: 50px;

    background-color: var(--orange-color-light);

    justify-content: center;

    align-items: center;

    border-radius: 50px;

    position: fixed;

    bottom: 30px;

    right: 20px;

    transition: 0.3s;

    opacity: 0;

    visibility: hidden;

    z-index: 1000;

    animation: 3s installation infinite alternate;

}

.tr_top_icon a i{

    color: #ffffff;

}

@keyframes installation {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(-20px);

    }

}



.tr_top_icon a svg {

    fill: #ffffff;

    transform: rotate(270deg);

}



.tr_top_icon a:hover {

    cursor: pointer;

    box-shadow: 0 0 0 25px #2a2f48 inset;

}



.tr_top_icon a:active {

    background-color: #555;

}



.tr_top_icon a.show {

    opacity: 1;

    visibility: visible;

}





/*MEDIA CSS START*/



@media(max-width: 1625px) {

    .tr_quote_text {

        width: 170px;

    }

    .swiper-slide.swiper-slide-active {

        width: auto;

    }

}



@media(max-width: 1500px) {

    .tr_banner_box {

        right: 0;

    }

    .tr_quote_text h5 {

        text-align: center;

    }

    .tr_quote_text {

        width: 120px;

    }

    .tr_header_icon_text>p {

        font-size: 15px;

    }

    .tr_header_menu>ul>li>a {

        margin: 0px 8px;

    }

    .tr_banner_bottom {

        display: flex;

        position: relative;

        top: 0;

        flex-wrap: wrap;

    }

    .tr_about_wrapper {

        padding-top: 80px;

    }

    .tr_banner_bottom_postion {

        display: flex;

        align-items: center;

        justify-content: center;

        padding-bottom: 70px;

    }

}



@media(max-width: 1200px) {

    /*toggle css*/

    .tr_header_menu>ul>li {

        display: block;

    }

    .tr_header_menu {

        padding-left: 0;

    }

    ul.tr_menu {

        background: var(--dark-blue);

        width: 300px;

        position: fixed;

        z-index: 1;

        height: 100vh;

        left: -300px;

        top: 0;

        transition: all 0.5s;

    }

    .tr_header_menu>ul>li>a {

        margin: 0px 8px 0px 25px;

        color: var(--white-color);

    }

    .tr_header_menu {

        padding-left: 0;

    }

    .tr_header_bar {

        display: block;

        position: absolute;

        right: 430px;

        top: 0;

        background-color: var(--orange-color-light);

        width: 50px;

        height: 50px;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .tr_header_bar i {

        color: #ffffff;

    }

    .menu_open .tr_menu {

        left: 0;

    }

    li.tr_none a img {

        display: block;

    }

    /*toggle css end*/

    .tr_about_package1 {

        width: auto;

        height: auto;

    }

    .tr_pricing_form_inner input {

        max-width: 100%;

    }

    .tr_banner_icon_box {

        width: 175px;

    }

    .tr_header_button {

        justify-content: end;

    }

    .tr_header_bar {

        right: 10px;

        top: 10px;

    }

    .tr_header_wrapper {

        padding: 10px 0px;

    }

    .tr_quote {

        padding-right: 70px;

    }

    .tr_header_contact {

        margin-right: 10px;

    }

    .tr_quote_text {

        display: none;

    }

    .tr_header_icon_text {

        display: none;

    }

    .tr_quote .tr_quote_download {

        width: 50px;

        height: 50px;

    }

}



@media(max-width:991px) {

    .tr_footer_section2.tr_padd_30 {

        padding-top: 30px;

    }

    .tr_pricing_form_inner input {

        width: 100%;

    }

    .tr_service_wrapper {

        padding: 78px 0px 40px;

    }

    .tr_about_package1.tr_service_box {

        margin-bottom: 65px;

    }

    .tr_about_package.tr_service_section.tr_service_section_res {

        padding: 0;

    }

    .tr_blog_img img {

        width: 100%;

    }

    .tr_support_left {

        text-align: center;

    }

    .tr_support_button {

        justify-content: center;

        padding-top: 20px;

    }

    .tr_about_package1 {

        margin-bottom: 40px;

    }

    .tr_support_left h2 {

        max-width: 100%;

    }

    .tr_about_year {

        left: 0;

        right: 0;

        margin: 0 auto;

    }

    .tr_about_image {

        background-size: contain;

    }

    .tr_banner_box {

        min-height: auto;

    }

    .tr_header_bar {

        right: 80px;

        top: 0;

    }

    .tr_logo {

        padding: 20px 0px 20px;

    }

    .tr_header_bar {

        margin: 20px 0px;

    }

    .tr_pricing_table_inner::-webkit-scrollbar-thumb {

        background-color: var(--orange-color-light);

        height: 5px;

    }

    .tr_pricing_table_inner::-webkit-scrollbar {

        height: 10px;

    }

    .tr_pricing_form_section {

        margin-top: 30px;

    }

    .tr_header_button {

        justify-content: end;

        position: absolute;

        right: 73px;

        top: 20px;

    }

    .tr_header_button {

        right: 50px;

    }

    .tr_header_bar {

        right: 10px;

    }

    .tr_quote {

        padding-right: 19px;

    }

    .tr_service_heading h5 {

        padding: 15px 0px 50px;

    }

    .tr_about_package {

        padding: 62px 0px 35px;

    }

}



@media(max-width: 767px) {



    .tr_banner_icon_box {

        width: 130px;

    }

    .tr_banner_icon_box h3 {

        font-size: 13px;

    }

    .tr_footer_section2.tr_paddd_30 {

        padding-top: 30px;

    }

    .tr_footer_section2.tr_padd_30 {

        padding-top: 30px;

    }

    .tr_blog_box.tr_blog_box_padd_30 {

        padding-bottom: 30px;

    }

    .tr_blog_inner {

        padding-top: 0;

    }

}



@media(max-width: 575px) {

    .tr_banner_icon_box {

        width: 50%;

    }

    .tr_pricing_form_inner h2 {

        padding: 11px 0px;

    }

    .row.pricing_space {

        padding-top: 0;

    }

    .tr_banner_wrapper {

        height: 700px;

    }

    .tr_banner_box {

        top: 160px;

    }

    .tr_banner_box h2 {

        font-size: 35px;

    }

    .tr_logo {

        padding: 20px 0px 20px;

    }

    .tr_header_bar {

        right: 10px;

    }

    .tr_about_image {

        min-height: 350px;

    }

}



@media(max-width: 480px) {

    .tr_banner_box h2 {

        font-size: 25px;

    }

    .tr_banner_box {

        padding: 46px 0px 52px 17px;

    }

    .tr_banner_button {

        display: block;

    }

    .tr_banner_tracking {

        margin-left: 0;

        margin-top: 20px;

    }

    .tr_banner_wrapper {

        height: 545px;

    }

    .tr_blog_wrapper {

        padding: 60px 0px;

    }

    .tr_pricing_wrapper {

        padding: 60px 0px;

    }

    .tr_service_wrapper {

        padding: 60px 0px 10px;

    }

    .tr_banner_bottom_postion {

        padding-bottom: 20px;

    }

    .tr_about_wrapper {

        padding-top: 60px;

    }

    .f_36 {

        font-size: 25px;

    }

    .tr_banner_box {

        top: 110px;

    }

    .tr_support_wrapper {

        padding: 60px 0px;

    }

    .tr_support_button a {

        max-width: 160px;

        height: 50px;

    }

    .tr_header_contact .tr_header_icon_mob {

        display: none;

    }

    .tr_quote_text {

        width: 100%;

    }

    .tr_testimonial_wrapper {

        padding: 67px 0 80px;

    }

    .tr_about_package {

        padding: 62px 0px 25px;

    }

}



@media(max-width: 380px) {

    .f_20 {

        font-size: 18px;

    }

    .tr_quote .tr_quote_download {

        display: none;

    }

    .tr_service_heading h5 {

        font-size: 25px;

    }

    .f_22 {

        font-size: 20px;

    }

    .tr_about_image {

        min-height: 270px;

    }

    .tr_about_image {

        min-height: 270px;

    }

    .tr_about_25 {

        width: 60px;

        height: 60px;

    }

    .tr_about_years {

        height: 60px;

    }

}

.page_title h2{

	float:left;

	width:100%;

	text-align:center;

	color:#ffffff;

	float:left;

	margin:0px;

	font-size:36px;

	text-transform:capitalize;

	}

.ed_pagetitle .breadcrumb {

    float: right;

    padding: 0px;

    width: 100%;

    text-align: center;

	}

.ed_pagetitle ul.breadcrumb {

	margin:0px;

	padding:0px;

	background-color: transparent;

	justify-content: center;

}

.ed_pagetitle ul.breadcrumb  li{

	display:inline-block;

	list-style: none;

	padding-top: 5px;

	}

.ed_pagetitle ul.breadcrumb li a{

	color: #ffffff;

	font-size: 18px;

	padding: 0px 10px;

	text-decoration: none;

	text-transform:capitalize;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

	}

.ed_pagetitle ul.breadcrumb li:last-child a{

	padding-right:0px;

	}

.ed_pagetitle ul.breadcrumb li:hover a{

	color: #00c4e1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

	}

.ed_pagetitle ul.breadcrumb li:last-child a{

	color:#00c4e1;

    cursor: text;

	}

.ed_pagetitle ul.breadcrumb li i{

	font-size: 10px;

    border:1px solid #ffffff;

    border-radius:3px;

    padding: 3px 5px 3px 4px;

}

.ed_pagetitle ul.breadcrumb > li + li:before{

	display:none;

}

.ed_contact_form{

	float:left;

	width:100%;

	background:#ffffff;

}

.ed_contact_form .form-group {

    padding-bottom: 16px;

}

.ed_contact_form .form-control{

    color: #000000;

    box-shadow: none;

    resize: none;

    padding: 0px 20px;

    height: 45px;

    font-size: 16px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    border-radius: 30px;

}

.ed_contact_form label {

    color: #272727;

    font-family: 'Work Sans';

    font-size: 13px;

}

.ed_contact_form textarea.form-control{

	height:auto;

	padding:10px 20px;

}

.ed_contact_form .form-control:focus {

    border-color: #00c4e1;

    outline: 0;

    box-shadow:none;

	-webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

/*------- contact page end ---------*/

/*------- Error Page start ---------*/

.ed_error_wrapper {

    float: left;

    width: 100%;

    background-size: cover;

    min-height: 600px;

    background-image: url(../images/content/404_bg.jpg);

    position: relative;

    z-index: 1;

    background-position: 100% 100%;

    background-repeat: no-repeat;

    padding: 114px 0px;

}

.ed_error_wrapper .ed_img_overlay{

	z-index: -1;

}

.ed_error_content{

    float: left;

    width: 100%;

    text-align: center;

}

.ed_error_content h1{

	float: left;

    width: 100%;

    color: #ffffff;

    font-size: 150px;

    font-weight: bold;

}

.ed_error_content h3{

	float: left;

    width: 100%;

    color: #ffffff;

    line-height: 32px;

}

.ed_error_content span{

	display:inline-block;

	width:auto;

}

/*------- Error Page end ---------*/

/*---------- custom radio button and check box start --------*/

.custom-checkbox {

    width: 25px;

    position: relative;

    float: right;

}

.custom-checkbox input[type=checkbox], .custom-checkbox input[type="radio"] {

    visibility: hidden;

}

.custom-checkbox label {

    cursor: pointer;

    position: absolute;

    width: 15px;

    height: 15px;

    top: -5px;

    /* left: 0; */

    background: #00c4e1;

    border: none;

    border-radius:3px;

    right: -5px;

}

.custom-checkbox label:after {

    opacity: 0.2;

    content: '';

    position: absolute;

    width: 10px;

    height: 5px;

    background: transparent;

    top: 2px;

    left: 4px;

    border:1px solid #fff;

    border-top: none;

    border-right: none;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.custom-checkbox input[type=checkbox]:checked + label:after, .custom-checkbox input[type="radio"]:checked + label:after {

    opacity: 1;

}

.ed_event_single_item{

	float:left;

	width:100%;

}

.ed_event_single_image {

	float:left;

	width:100%;

	margin-bottom:10px;

	overflow:hidden;

	border:1px solid #00c4e1;

}

.ed_event_single_image:hover{

	border:1px solid #00c4e1;

	-webkit-transition:  all 0.3s ease;

    -moz-transition:  all 0.3s ease;

    -o-transition:  all 0.3s ease;

    -ms-transition:  all 0.3s ease;

    transition:  all 0.3s ease;

}

.ed_event_single_image img{

	width:100%;

	-webkit-transition:  all 0.3s ease;

    -moz-transition:  all 0.3s ease;

    -o-transition:  all 0.3s ease;

    -ms-transition:  all 0.3s ease;

    transition:  all 0.3s ease;

}

.ed_event_single_image:hover img{

	-webkit-transition:  all 0.3s ease;

    -moz-transition:  all 0.3s ease;

    -o-transition:  all 0.3s ease;

    -ms-transition:  all 0.3s ease;

    transition:  all 0.3s ease;

}

.ed_event_single_info{

	float:left;

	width:100%;

}

.ed_event_single_info h2{

	font-size:28px;

    text-transform: capitalize;

}

.ed_event_single_info h2 a{

	text-decoration:none;

	color:#272727;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.ed_event_single_info h2 a:hover{

	color:#00c4e1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.ed_event_single_info p{

	float:left;

	width:100%;

	margin-top:15px;

}

.ed_event_single_contact_address{

	float:left;

	width:100%;

	background:#f5f5f5;

}

.ed_event_single_address_info{

	float: left;

    width: 100%;

    background-color: #00c4e1;

    color: #ffffff;

    padding: 44px;

	border-radius:3px;

}

.ed_event_single_address_info h4{

	float:left;

	width:100%;

	text-transform:capitalize;

	margin:0px;

	font-size:24px;

	color:#ffffff;

}

.ed_event_single_address_info p{

	color:#ffffff;

	float:left;

	width:100%;

	font-size:16px;

}

.ed_event_single_address_info p span{

	color:#ffffff;

	float:none;

	font-size: 20px;

}

.ed_event_single_address_info a{

	font-size: 20px;

	color:#ffffff;

	text-decoration:none;

    word-break: break-word;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.ed_event_single_address_info a:hover{

	color:#303030;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.ed_event_single_address_map{

	float:left;

	width:100%;

}

#map{

  display: block;

  width: 100%;

  height: 600px;

  margin: 0 auto;

}

#map.large{

  height:500px;

}

#map img{

	height:100%;

}

.ed_btn {

    border-radius: 3px;

    padding: 13px 50px;

    text-transform: capitalize;

    overflow: hidden;

    position: relative;

    -webkit-transition: color 0.3s;

    transition: color 0.3s;

    z-index: 1;

    border: none;

    border-radius: 30px;

    font-size: 16px;

}

.ed_event_single_address_info span {

	float:left;

	width:100%;

}

.ed_event_single_address_info span a i{

	color:#ffffff;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.ed_event_single_address_info span a:hover i{

	color:#00c4e1;

	padding-left:5px;

	font-size:18px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.ed_orange{

	background-color:#00c4e1;

	color:#ffffff;

	border:1px solid #00c4e1;

	 -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

	

}

.ed_orange:hover {

	background-color:#ffffff;

	color: #00c4e1;

	border:1px solid #00c4e1;

	 -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

a.btn.ed_btn.ed_orange.ed_btn.ed_orange_right {

    float: right;

}

.ed_green{

	background-color:#ffffff;

	color:#00c4e1;

	border:1px solid #00c4e1;

	 -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.ed_green:hover {

	background-color:#00c4e1;

	color: #ffffff;

	border:1px solid #ffffff;

	 -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.ed_gallery_member_img img{

	-webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    width: 270px;

    height: 270px;

    object-fit: cover;

    flex: 1;

}

.ed_gallery_member_img a{

	display: flex;

    align-content: stretch;

    align-items: stretch;

    position: relative;

}

.ed_gallery_member_img {

    position: relative;

    overflow: hidden;

    z-index: 3;

}

.ed_gallery_member{

    text-align: center;

    margin-bottom: 35px;

}

.tr_logo a{

	color:#000;

	font-size:10px;

	}