@import 'partials';
.our-location-sec{
    padding-bottom: 160px;
    @media ($sm-1679) {
        padding-bottom: 90px;
    }
    @media ($sm-1441) {
        padding-bottom: 50px;
    }
    @media ($sm-1199) { padding-bottom: 20px;}
    @media ($sm-991) { padding-bottom: 40px;}

    .our-location-wrapper{
        @media ($sm-991) { flex-direction: column !important;}
        .left-block{
            flex: 0 0 auto;
            max-width: 580px;
            @media ($sm-1679) {
                padding-right: 30px;
                max-width: 520px;
            }
            @media ($sm-1441) {
                max-width: 450px;
            }
            @media ($sm-991) { max-width: 100%; padding: 0 0 20px 0; }
            .sec-title-block p{
                @media ($sm-1679) {
                    max-width: 500px;
                }
            }
        }
        .right-block{
            flex-grow: 1;
            padding-left: 20px;
            @media ($sm-991) { max-width: 100%; padding: 0;  }
            
            .counter-wrapper{
                flex-wrap: wrap;
                @media ($sm-991) { gap: 20px;}
                @media ($sm-767) { gap: 15px;}
                .counter-col{
                    width: calc(100% / 3);
                    margin-bottom: 40px;
                    padding-left: 40px;
                    @media ($sm-1199) { padding-left: 20px;}
                    @media ($sm-991) {padding: 0; margin: 0; width: 31%;}
                    @media ($sm-479) { width: 47%;}
                    // padding-left: 5%;
                    &:nth-child(odd){
                        .counter-card{
                            h4{
                                color: #014CB2;
                            }    
                        }
                    }
                    .counter-card{
                        width: 100%;
                        height: 100%;
                        border: 1px solid #55E3FF;
                        border-radius: 17px;
                        text-align: center;
                        padding: 15px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        min-height: 165px;
                        @media ($sm-1679) {
                            min-height: 150px;
                        }
                        @media ($sm-1441) {
                            min-height: 150px;
                        }
                        @media ($sm-479) { padding: 10px; min-height: 130px;}
                        h4{
                            font-size: 46px;
                            font-weight: 500;
                            color: #00124D;
                            margin-bottom: 5px;
                            @media ($sm-1679) {
                                font-size: 38px;
                            }
                            @media ($sm-1441) {
                                font-size: 34px;
                            }
                            @media ($sm-767) {font-size: 30px;}
                        }
                        p{
                            font-size: 20px;
                            font-weight: 300;
                            margin-bottom: 0;
                            color: #313646;
                            @media ($sm-1679) {
                                font-size: 18px;
                            }
                            @media ($sm-1441) {
                                font-size: 16px;
                            }
                            @media ($sm-767) {font-size: 14px;}
                        }
                    }
                }
            }
        }
    }
}


.start-journey-sec{
    margin-bottom: 90px;
    @media ($sm-1679) {
        margin-bottom: 50px;
    }
    @media ($sm-1199) {
        margin-bottom: 30px;
    }
    @media ($sm-579) {
        margin-bottom: 20px;
    }
    .det-block{
        padding: 90px 25px 90px 170px;
        background: linear-gradient(71.56deg, #00124D -1.36%, rgba(42, 120, 164, 0.652662) 77.4%, rgba(85, 227, 255, 0.29) 101.58%);
        border-radius: 23px;
        color: #fff;
        background-image: url('../img/journey-bg.png');
        background-size: cover;
        @media ($sm-1679) {
            padding: 70px 25px 70px 130px;
        }
        @media ($sm-1441) {
            padding: 70px 25px 70px 100px;
        }
        @media ($sm-1199) { padding: 50px;}
        @media ($sm-767) { padding:30px 20px;}
        h5{
            font-size: 26px;
            font-weight: 500;
            margin-bottom: 20px;
            @media ($sm-1679) {
                font-size: 24px;
            }
            @media ($sm-1441) {
                font-size: 22px;
            }
            @media ($sm-1199) {font-size: 20px;}
            @media ($sm-767) {font-size: 16px;}
            @media ($sm-479) {font-size: 14px;}
        }
        h2{
            font-size: 46px;
            font-weight: 500;
            margin-bottom: 15px;
            @media ($sm-1679) {
                font-size: 38px;
            }
            @media ($sm-1441) {
                font-size: 32px;
            }
            @media ($sm-1199) {font-size: 30px;}
            @media ($sm-767) {font-size: 28px;}
            @media ($sm-479) {font-size: 24px;}
        }
        p{
            margin-bottom: 35px;
            font-size: 23px;
            font-weight: 300;
            max-width: 660px;
            @media ($sm-1679) {
                font-size: 20px;
            }
            @media ($sm-1441) {
                font-size: 18px;
            }
            @media ($sm-1199) {font-size: 16px;}
            @media ($sm-767) {font-size: 14px; margin-bottom: 20px;}
        }
        .book-block{
            margin-bottom: 70px;
            @media ($sm-1441) {
                margin-bottom: 50px;
            }
            @media ($sm-479) {margin-bottom: 20px;}
            .book-link{
                display: inline-flex;
                font-size: 23px;
                font-weight: 500;
                color: #fff;
                transition: .3s;
                @media ($sm-1679) {
                    font-size: 20px;
                }
                @media ($sm-1441) {
                    font-size: 18px;
                }
                @media ($sm-1199) {font-size: 16px;}
                @media ($sm-767) {font-size: 14px;}
                @media ($sm-479) {font-size: 12px;}
                &:hover{
                    opacity: .8;
                }
                img{
                    margin-left: 15px;
                    transform: translateY(5px);
                    @media ($sm-479) {max-width: 10px; transform: translateY(0px);}
                }
            }
        }
        .cont-cover{
            .cont-block{
                display: inline-flex;
                align-items: center;
                background-color: #55E3FF;
                color: #00124D;
                font-size: 20px;
                font-weight: 600;
                padding: 12px 15px;
                padding-left: 25px;
                border-radius: 38px;
                @media ($sm-1679) {
                    font-size: 18px;
                }
                @media ($sm-1441) {
                    font-size: 16px;
                }
                @media ($sm-991) {padding: 8px 15px; font-size: 15px;}
                @media ($sm-479) {font-size: 14px;  }
                img{
                    margin-left: 35px;
                    @media ($sm-991) {max-width: 30px;}
                    @media ($sm-479) {max-width: 25px;margin-left: 20px;}
                }
            }
        }
    }
}

.logo-slider-sec{
    margin-bottom: 30px;
    @media ($sm-579) {
        margin-bottom: 20px;
    }
    .logo-slider{
        .slick-slide {
            .inner {
                margin: 0 50px;
                img{
                    max-height: 72px;
                    @media ($sm-1679) {
                        max-height: 50px;
                    }
                    @media ($sm-1441) {
                        max-height: 45px;
                    }
                }
            }
        }
    }
}