/*------------------------------
    >>>Css Indexing
    ------------------
    01. Recent Post Widget
    02. About Us Widget
    03. Contact Us Widget
    04. Accordion Item
    05. Mailchimp Form
    06. Service Category Widget
    07. Contact List Item
    08. Check List
    09. Project Filter Two
    10. Tab Three
    11. Video Area Two
    12. Expert Box One
    13. Featured Box Four
    14. Header Area One
    14. Icon Box List One
*/

/*--------------------------------------
    Recent Post Widget
--------------------------------------*/
.widget .recent_post_item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget .recent_post_item li {
    display: block;
}

.widget .recent_post_item li + li {
    margin-top: 20px;
}

.widget .recent_post_item li.single-recent-post-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.widget .recent_post_item li.single-recent-post-item .thumb {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.widget .recent_post_item li.single-recent-post-item .thumb img {
    border-radius: 3px;
}

.widget .recent_post_item li.single-recent-post-item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.widget .recent_post_item li.single-recent-post-item .content .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.widget .recent_post_item li.single-recent-post-item .content .time {
    font-size: 13px;
    font-weight: 400;
}

.widget ul li.single-popular-post-item {
    display: flex;
    align-self: flex-start;
}

.widget ul li.single-popular-post-item .content {
    flex: 1;
}

.widget ul li.single-popular-post-item .thumb {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.widget ul li.single-popular-post-item .content .title {
    font-size: 16px;
    line-height: 26px;
}

.widget ul li.single-popular-post-item .content .time {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: var(--main-color-one);
}

.footer-widget.widget ul li.single-popular-post-item .content .time {
    color: rgba(255, 255, 255, .6);
}
.widget.footer-widget p, 
.footer-widget.widget_tag_cloud .tagcloud a, 
.widget.footer-widget.widget_calendar caption, 
.widget.footer-widget.widget_calendar th, 
.widget.footer-widget.widget_calendar td, 
.footer-widget.widget p, 
.footer-widget.widget a, 
.footer-widget.widget, 
.widget.footer-widget ul li a, 
.widget.footer-widget ul li{
    font-size: 14px;
}

/*--------------------------------------
    About Us Widget
--------------------------------------*/
.widget_additrans_about_us .footer-logo {
    display: block;
    margin-bottom: 20px;
}

.widget_additrans_about_us .social-icon {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget_additrans_about_us .social-icon li {
    display: inline-block;
}

.widget_additrans_about_us .social-icon li a {
    display: block;
    border-radius: 5px;
    text-align: center;
    transition: all 500ms;
    color: var(--main-color-one);
}

.widget_additrans_about_us .social-icon li + li {
    margin-left: 15px;
}

.widget_additrans_about_us .social-icon li a:hover {
    color: #fff !important;
}

.footer-widget.widget_additrans_about_us .social-icon li a {
    color: rgba(255, 255, 255, .6);
}

.footer-widget.widget_additrans_about_us .social-icon li a:hover {
    color: #fff !important;
}

.footer-widget .contact_info_list li.single-info-item .icon {
    color: var(--main-color-one) !important;
    font-size: 20px;
    font-weight: 600;
}

/*------------------------------------
    Contact Us Widgete
------------------------------------*/

.contact_info_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact_info_list li {
    display: block;
}

.contact_info_list li.single-info-item {
    position: relative;
    margin-bottom: 20px;
    display: flex;
    align-self: flex-start;
}

.widget .contact_info_list li.single-info-item .icon {
    color: var(--main-color-one) !important;
    font-size: 20px;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    margin-right: 0px; 
}
.widget.footer-widget .contact_info_list li.single-info-item .icon {
    color: var(--secondary-color) !important;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 0px;
}

.contact_info_list li.single-info-item .details {
    padding-left: 40px;
    flex: 1;
}

.footer-widget .contact_info_list li.single-info-item .icon {
    color: rgba(255, 255, 255, .6);
}


/*-----------------------------
    Accordion Item
-----------------------------*/
.accordion-wrapper .card {
    border: none;
    background-color: transparent;
}

.accordion-wrapper .card + .card {
    margin-top: 20px;
}

.accordion-wrapper .card .card-header {
    background-color: transparent;
    padding: 0;
    border: none;
}

.accordion-wrapper .card .card-header a {
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    background-color: #fff;
    padding: 14px 30px;
    cursor: pointer;
    position: relative;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
}

.accordion-wrapper .card .card-header a:after {
    position: absolute;
    right: 30px;
    top: 15px;
    content: "\f107";
    font-family: "fontawesome";
}

.accordion-wrapper .card .card-header a[aria-expanded="true"] {
    box-shadow: 0 0 40px -15px rgba(0, 0, 0, 0.05);
}

.accordion-wrapper .card .card-header a[aria-expanded="false"]:after {
    content: "\f106";
}

.accordion-wrapper .card .card-body {
    background-color: #fff;
    padding: 0 30px 20px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
}

/*-------------------------
    MailChimp Form
-------------------------*/
.additrans-mail-subscription {
    display: block;
    width: 100%;
    position: relative;
    z-index: 0;
    margin-top: 20px
}

.additrans-mail-subscription input[type=email] {
    width: 100%;
    display: block;
    height: 50px;
    padding: 10px 20px;
    padding-right: 65px;
    border: none;
    border-radius: 5px
}

.additrans-mail-subscription button[type=submit] {
    position: absolute;
    right: -1px;
    top: 0;
    border: none;
    height: 50px;
    width: 50px;
    text-align: center;
    background-color: var(--main-color-one);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    transition: all 500ms;
    cursor: pointer
}

.additrans-mail-subscription button[type=submit]:hover {
    opacity: .8
}
/*-----------------------------
    Service Category Widget
-----------------------------*/
.widget.widget_additrans_service_category {
    background-color: transparent;
    border: none;
    padding: 0;
}

.widget_additrans_service_category ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0px;
}

.widget_additrans_service_category ul li+li {
    margin-top: 0px;
    padding-top: 0;
    margin-bottom: 0;
}

.widget_additrans_service_category ul li a {
    color: var(--paragraph-color);
    font-size: 16px;
    line-height: 26px;
    padding: 12px 30px 20px 30px;
    display: block;
    font-weight: 400;
    transition: all 300ms;
}
.widget.widget_additrans_service_category ul li:first-child{
    margin-bottom: 0;
}
.widget_additrans_service_category ul li+li {
    margin-top: 0 !important;
}

.widget_additrans_service_category ul li .service-widget{
    display: flex;
    padding: 20px 30px;
}

.widget_additrans_service_category ul li:last-child .service-widget{
    border-bottom: 1px solid #dee2e6;
}


/* ----------------------
     Contact List Item
 ---------------------- */
.contact-info-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-info-list .single-info-item {
    display: flex;
}

.contact-info-list .single-info-item .icon {
    margin-right: 20px;
    font-size: 30px;
    line-height: 36px;
    color: var(--main-color-one);
}

.contact-info-list .single-info-item .content .title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px;
}

.contact-info-list li+li {
    margin-top: 20px;
}

.contact-info-list .single-info-item .content .details {
    display: block;
    line-height: 22px;
}

/*------------------------------
    Check List
------------------------------*/
.el-check-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.el-check-list .single-check-item {
    display: flex;
}

.el-check-list .single-check-item .icon {
    font-size: 16px;
    line-height: 26px;
    color: var(--main-color-one);
    margin-right: 10px;
}

.el-check-list .single-check-item .content .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 6px;
}

.el-check-list li+li {
    margin-top: 20px;
}

/*--------------------------------------
    Project Filter Two
--------------------------------------*/
.no-gutter.additrans-masonry-item {
    margin-bottom: 0;
    padding: 0;
}

.additrans-project-item.style-02 .project-image {
    position: relative;
    z-index: 0;
}
.additrans-project-item.style-02 .project-image .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 29, 51,.5);
    content: '';
    visibility: hidden;
    opacity: 0;
    transition: all 300ms;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.additrans-project-item.style-02:hover .project-image .hover {
    visibility: visible;
    opacity: 1;
}

.additrans-project-item.style-02 .project-image .hover .icon {
    display: inline-block;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: var(--main-color-one);
    border-radius: 50%;
    font-size: 14px;
    transform: translateY(-500px);
    transition-delay: 100ms;
    transition: all 400ms;
}

.additrans-project-item.style-02:hover .project-image .hover .icon {
    transform: translateY(0);
}

/*---------------------------
    Tab Three
---------------------------*/

.additrans-tab-three-wrapper {
    display: flex;
    justify-content: space-between;
}

.indrurance-tab-three-nav-wrapper .nav.nav-pills {
    width: 320px;
}


.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .nav-link {
    display: flex;
    padding: 25px 20px;
    background-color: #fff;
}

.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .nav-link .tab-list-icon {
    font-size: 35px;
    line-height: 38px;
    margin-right: 20px;
    color: var(--main-color-one);
}

.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .nav-link .tab-list-content {
    display: flex;
    align-items: center;
}

.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item {
    display: block;
    width: 100%;
}

.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item+ .nav-item {
    margin-top: 20px;
}

.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .nav-link.active {
    background-color: var(--main-color-one);
}

.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .nav-link.active .tab-list-icon {
    color: #fff;
}

.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .nav-link.active .tab-list-content .title {
    color: #fff;
}

.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .nav-link .tab-list-content .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}

.additrans-tab-three-wrapper .additrans-tab-three-content-wrapper {
    width: calc(100% - 350px);
    margin-left: 120px;
    background-color: rgba(255,255,255,.8);
    padding: 38px 40px 40px 40px;
}

.additrans-tab-three-wrapper .additrans-tab-three-content-wrapper .additrans-tab-title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}
.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .nav-link{
    position: relative;
    z-index: 0;
}
.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .active.nav-link:after {
    visibility: visible;
    opacity: 1;
}
.indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .nav-link:after {
    position: absolute;
    right: -20px;
    top: 50%;
    content: '';
    border-top: 15px solid transparent;
    border-left: 20px solid var(--main-color-one);
    border-bottom: 15px solid transparent;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    transition: all 400ms;
}

@media only screen and (max-width: 787px) {
    .additrans-tab-three-wrapper .additrans-tab-three-content-wrapper {
        margin-left: 50px;
    }
}

@media only screen and (max-width: 600px) {
    .additrans-tab-three-wrapper .additrans-tab-three-content-wrapper {
        margin-left: 0px;
        width: 100%;
        margin-top: 40px;
    }
    .additrans-tab-three-wrapper {
        display: block;
    }

    .indrurance-tab-three-nav-wrapper .nav.nav-pills .nav-item .active.nav-link:after {
        display: none;
    }
    .additrans-tab-three-wrapper .additrans-tab-three-content-wrapper {
        padding: 0;
    }
    .additrans-tab-three-wrapper .additrans-tab-three-content-wrapper .tab-content .additrans-tab-three-content{
        padding: 40px;

    }
}

@media only screen and (max-width: 414px) {
    .indrurance-tab-three-nav-wrapper .nav.nav-pills{
        width: 100%;
    }
    .additrans-tab-three-wrapper .additrans-tab-three-content-wrapper .additrans-tab-title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }
}

/*-----------------------------
    Video Area Two
-----------------------------*/
.videos-section.style-two:before {
    display: none;
}


.videos-section.style-two .video-content {
    position: relative;
    z-index: 0;
    padding-left: 90px;
    top: 60px;
}
.videos-section.style-two .video-content:after {
    background-color: #000;
    position: absolute;
    top: 0;
    width: 1500px;
    height: 100%;
    content: '';
    z-index: -1;
    left: 0;
}
.videos-section.style-two .video-content:before {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    width: 1500px;
    height: 100%;
    content: '';
    left: 0;
}
.videos-section.style-two .title{
    position: relative;
}
.videos-section.style-two {
    overflow: initial;
}

@media only screen and (max-width: 1024px){
    .videos-section.style-two .video-content {
        padding-left: 40px;
    }
}

@media only screen and (max-width: 414px){
    .videos-section.style-two .video-content:before,.videos-section.style-two .video-content:after {
        width: 100%;
    }

    .videos-section.style-two .video-content {
        padding-left: 30px;
        padding-right: 30px;
    }
}
/*------------------------------------------
     Expert Box One
-----------------------------------------*/
.expert-block-one {
    position: relative;
    z-index: 0;
}

.expert-block-one .right-content-area {
    text-align: right;
}

.expert-block-one .left-content-area {
    position: absolute;
    left: 0;
    top: 50%;
    width: calc(100% - 220px);
    background-color: var(--main-color-one);
    padding: 50px 50px 40px 50px;
    transform: translateY(-50%);
}

.expert-block-one .left-content-area .experience-bottom-area {
    flex: 1;
}

.expert-block-one .left-content-area .experience-top-area {
    display: flex;
    align-self: flex-start;
    margin-bottom: 36px;
}

.expert-block-one .left-content-area .experience-top-area .content {
    flex: 1;
    display: flex;
    align-items: center;
}

.expert-block-one .left-content-area .experience-top-area .thumb {
    height: 160px;
    width: 180px;
    position: relative;
    z-index: 0;
    background-size: cover;
    background-position: center;
    margin-right: 30px;
}

.expert-block-one .left-content-area .experience-top-area .thumb .hover {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 72px;
    line-height: 140px;
    background-color: var(--main-color-one);
    transform: translate(-50%, -50%);
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: var(--heading-font);
}

.expert-block-one .left-content-area .experience-top-area .content .title {
    font-size: 24px;
    font-weight: 400;
    color: rgba(255,255,255,.8);
}

.expert-block-one .left-content-area .experience-bottom-area .title {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    color: #fff;
}
@media only screen and (max-width: 767px){

}
@media only screen and (max-width: 600px){
    .expert-block-one .left-content-area {
        width: calc(100% - 150px);
        padding: 50px 50px 40px 50px;
    }
}

@media only screen and (max-width: 550px){
    .expert-block-one {
        display: flex;
        flex-direction: column-reverse;
    }
    .expert-block-one .left-content-area {
        position: initial;
        width: 100%;
        margin-top: 0px;
    }
    .expert-block-one .right-content-area img{
        width: 100%;
    }
    .expert-block-one .left-content-area .experience-top-area .thumb {
        margin-right: 10px;
    }
    .expert-block-one .left-content-area .experience-bottom-area .title {
        font-size: 55px;
        line-height: 65px;
    }
}

@media only screen and (max-width: 414px){
    .expert-block-one .left-content-area .experience-top-area {
        display: block;
    }

    .expert-block-one .left-content-area .experience-top-area .title {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 384px){
    .expert-block-one .left-content-area {
        padding: 50px 30px 40px 30px;
    }
}
@media only screen and (max-width: 360px){
    .expert-block-one .left-content-area .experience-bottom-area .title {
        font-size: 45px;
        line-height: 55px;
    }
    .expert-block-one .left-content-area .experience-top-area .content .title {
        font-size: 20px;
    }
}
@media only screen and (max-width: 330px){
    .expert-block-one .left-content-area .experience-bottom-area .title {
        font-size: 40px;
        line-height: 50px;
    }
}

/*-------------------------------
    Featured Box Four
-------------------------------*/
.additrans-feature-item-004 .thumbnail img{
    width: 100%;
}
.additrans-feature-item-004 .thumbnail {
    position: relative;
    z-index: 0;
}

.additrans-feature-item-004 .thumbnail .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    display: flex;
    align-items: flex-end;
    background-image: linear-gradient(0deg, rgba(0,0,0,.8), transparent);
    padding-bottom: 23px;
}

.additrans-feature-item-004 .thumbnail .hover .title {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
}

.additrans-feature-item-004 .thumbnail .hover p {
    color: rgba(255,255,255,.8);
}

/*------------------------------------
    Header Area One
------------------------------------*/
.header-area-style-01-wrapper .top-part .subtitle {
    font-size: 14px;
    text-transform: uppercase;
    background-color: var(--main-color-one);
    color: #fff;
    padding: 2px 8px;
    margin-left: 7px;
}
.header-area-style-01-wrapper .inner-content-wrapper {
    max-width: 700px;
}

.header-area-style-01-wrapper.white .top-part .title{
    color: #fff;
}
.header-area-style-01-wrapper .top-part .title {
    font-size: 90px;
    line-height: 80px;
    text-transform: uppercase;
    margin-top: 8px;
}
.header-area-style-01-wrapper .inner-content-wrapper .top-part {
    position: relative;
    z-index: 0;
    padding-left: 35px;
    padding-top: 47px;
    padding-bottom: 34px;
}

.header-area-style-01-wrapper .inner-content-wrapper .top-part:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    height: 100%;
    background-color: rgba(0,0,0,.10);
    content: '';
    z-index: -1;
}

.header-area-style-01-wrapper.white .inner-content-wrapper .top-part:after {
    background-color: rgba(0,0,0,0.40);
}

@media only screen and (max-width: 650px){
    .header-area-style-01-wrapper .top-part .title {
        font-size: 80px;
        line-height: 75px;
    }
}
@media only screen and (max-width: 520px){
    .header-area-style-01-wrapper .top-part .title {
        font-size: 60px;
        line-height: 60px;
    }
}
@media only screen and (max-width: 450px){
    .header-area-style-01-wrapper .top-part .title {
        font-size: 50px;
        line-height: 54px;
    }
}
@media only screen and (max-width: 450px){
    .header-area-style-01-wrapper .top-part .title {
        font-size: 45px;
        line-height: 50px;
    }
    .header-area-style-01-wrapper .inner-content-wrapper .top-part {
        padding-left: 20px;
    }
    .header-area-style-01-wrapper .inner-content-wrapper {
        padding-left: 0;
    }
}
@media only screen and (max-width: 340px){
    .header-area-style-01-wrapper .top-part .title {
        font-size: 42px;
        line-height: 42px;
    }
    .header-area-style-01-wrapper .inner-content-wrapper .top-part {
        padding-left: 10px;
    }
    .header-area-style-01-wrapper .top-part .subtitle {
        margin-left: 2px;
    }
}

/*----------------------------------------
    Icon Box List One
-----------------------------------------*/
.icon-box-list-one{
    margin: 0;
    padding:0;
    list-style: none;
}
.icon-box-list-one .single-header-bottom-item{
    padding-top: 0;
}