.about_us_btn a:hover,.blog_View_more a:hover,.hader-text{
    box-shadow:0 5px 20px -5px rgba(0,0,0,.2)
}
:root{
    --white:#ffffff;
    --white-2:#f8f8f8;
    --black:#000000;
    --black-2:#111111;
    --orange:#f94c30
}
body{
    font-family:Radikal!important;
    scroll-behavior:smooth
}
@font-face{
    font-family:Radikal;
    src:url("../font/Radikal/Radikal.woff2") format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
::selection{
    color:#fff;
    background:var(--orange)
}
body::-webkit-scrollbar{
    width:10px
}
body::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
body::-webkit-scrollbar-thumb{
  background-color: #212121;
    outline:#f94c30 solid 1px
}
.svg-img svg{
    overflow:visible
}
.home_hader_h2{
    color:var(--white);
    font-weight:600;
    font-size:41px;
    line-height:54px;
    margin-top:20px;
    margin-bottom:0
}
.Nav_menu ul .active a,.Nav_menu ul li a:hover,.footer_right_item ul li a:hover,.home_hader_h2 span,.home_hader_p .orange,.slick-next,.slide .slide__content--headings h2 span,.slide_content_text h1 span,.subscribe_left h3 span{
    color: #F38124;
}
.home_hader_p{
    color:var(--white-2);
    font-weight:400;
    font-size:17px;
    letter-spacing:.5px;
    line-height:24px;
    margin-bottom:0
}
@media (max-width:1440px){
    .home_hader_p{
        font-size:18px;
        line-height:26px
    }
}
@media (max-width:991px){
    .home_hader_p{
        font-size:15px;
        line-height:normal
    }
    .home_hader_h2{
        font-size:35px;
        line-height:43px;
        margin-top:12px
    }
}
@media (max-width:767px){
    .home_hader_h2{
        text-align:center
    }
}
.modal-open{
    height:100vh
}
.fadein_up_blur{
    animation:.5s ease-in-out fadein_up_blur;
    -webkit-animation:.5s ease-in-out fadein_up_blur
}
@-webkit-keyframes fadein_up_blur{
    0%{
        opacity:0;
        filter:blur(3px);
        transform:translatey(10px)
    }
    100%{
        opacity:1;
        filter:blur(0px)
    }
}
@keyframes fadein_up_blur{
    0%{
        opacity:0;
        filter:blur(3px);
        transform:translatey(10px)
    }
    100%{
        opacity:1;
        filter:blur(0px)
    }
}
@media (max-width:575px){
    .home_hader_p{
        font-size:14px
    }
    .home_hader_h2{
        font-size:28px;
        line-height:38px
    }
    .fadein_up_blur{
        animation:unset
    }
    .wow{
        visibility:visible!important
    }
}
.wow{
    visibility:hidden
}
.industry,.overrflow-h,.slider-industry .slick-track{
    overflow:hidden!important
}
.slider-sub-title{
    color:#fff!important;
    font-size:40px
}
/*.active_nav_navbar .Nav_menu ul li a,.active_nav_navbar .logo_nav img{
    filter:drop-shadow(2px 4px 6px black)*/
}
.active_nav_navbar{
    border-bottom-color:rgba(249,250,251,.1);
    --tw-backdrop-saturate:saturate(2);
    --tw-backdrop-blur:blur(16px);
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-sepia: ;
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.orange_button,.white_button{
    outline:transparent solid 1px;
    white-space:nowrap;
    border:none;
    padding:14px 31px;
    border-radius:50px;
    text-align:center;
    font-weight:500;
    font-size:16px;
    line-height:16.5px;
    text-transform:uppercase;
    transition:color .6s ease-in-out,background-color .6s ease-in-out,outline-color .6s ease-in-out;
    text-decoration:none
}
.white_button{
    background-color:var(--white);
    color:#111;
    margin:0 10px
}
.white_button:hover{
    color:var(--white);
    background-color:rgba(0,0,0,.5);
    outline-color:var(--white)
}
.error-message,.success-message{
    padding-top:1rem
}
.git_input_btn,.slide{
    position:relative
}
.loader{
    bottom:0;
    top:10px;
    left:11rem;
    width:30px;
    height:30px;
    position:absolute;
    border-radius:50%;
    display:inline-block;
    box-sizing:border-box;
    border:5px solid #f94c30;
    border-bottom-color:#171717;
    animation:1s linear infinite rotation
}
.Nav_menu ul li a,.hader-text{
    text-transform:uppercase;
    position:relative
}
@keyframes rotation{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.orange_button{
    background-color: #F38124;
    color:var(--white);
    border:1px solid transparent
}
.hader-text::after,.hader-text::before{
    width:10px;
    height:10px;
    content:"";
    top:13px;
    border-radius:50px;
    background-color:var(--orange)
}
.orange_button:hover{
   background-color: #00358E;
   outline-color: #00358E;
  color: rgb(255, 255, 255);

}
.hader-text{
    font-weight:600;
    letter-spacing:0;
    color:#000;
    font-size:14px;
    line-height:13px;
    background-color:var(--white);
    padding:12px 32px;
    border-radius:50px;
    margin-bottom:0
}
.hader-text::before{
    position:absolute;
    left:13px
}
.hader-text::after{
    position:absolute;
    right:13px
}
.navbar{
    border:none;
    background-color:transparent;
    height:95px;
    padding-top:0!important;
    padding-bottom:0!important
}
img{
    max-width:100%
}
#navbar{
    position:fixed;
    width:100%;
    z-index:10;
    transition:top .5s ease-in-out,background-color .5s ease-in-out
}
.Nav_menu_social,.join_us.mobile_join_us,.nav_menu_logo{
    display:none
}
.blog_card_bottom_inner .date,.logo_nav,.reviews_card_bottom{
    display:flex;
    align-items:center
}
.footer_logo img,.logo_nav img{
    width:150px
}
.nav_inner{
    display:flex;
    height:100%;
    justify-content:space-between;
    width:100%;
    align-items:center
}
.join_us .orange_button{
    padding:12px 30px
}
.about_us_hader,.footer_contact,.footer_inner>div,.join_us,.reviews_cards_main .row .col-md-4,.reviews_title,.subscribe_left_header{
    display:flex
}
.Nav_menu ul{
    display:flex;
    list-style:none;
    margin:0;
    padding:0;
    height:100%
}
.Nav_menu ul li{
    height:100%;
    display:flex;
    margin:0 20px;
    align-items:center;
    padding-bottom:3px;
    justify-content:center
}
.Nav_menu ul li a{
    font-size:16px;
    font-weight:400;
    line-height:normal;
    color: #000;
    padding-bottom:3px;
    letter-spacing:1px;
    text-decoration:none;
    z-index:0;
    overflow:hidden;
    transition:left .4s ease-in-out,color .4s ease-in-out
}
.active_menu{
    right:0!important
}
.Nav_menu{
    transition:right .5s ease-in-out
}
.Nav_menu ul .active_nav{
    padding-bottom:0;
    border-bottom:3px solid var(--orange)
}
.active_toggle .nav_toggle_inner .line1{
    transform:rotate(-45deg) translateY(9px) translateX(-6px);
    background-color:var(--orange);
    animation:.5s ease-in-out active_toggle_div1
}
.active_toggle .nav_toggle_inner .line2{
    width:0;
    background-color:transparent
}
.active_toggle .nav_toggle_inner .line3{
    transform:rotate(45deg) translateY(-8px) translateX(-5px);
    background-color:var(--orange);
    animation:.5s ease-in-out active_toggle_div3
}
.Nav_menu ul .active a::before,.Nav_menu ul li a:hover:before,.portfolio_cards .active::after{
    left:0
}
.Nav_menu ul li a::before{
    content:"";
    top:0;
    width:100%;
    left:-100%;
    height:100%;
    position:absolute;
    transition:left .5s ease-in-out;
    border-bottom:2px solid var(--orange)
}
.nav_toggle{
    display:none;
    width:30px;
    height:22px
}
.nav_toggle_inner{
    display:block;
    cursor:pointer
}
.nav_toggle .line1,.nav_toggle .line2,.nav_toggle .line3{
    width:100%;
    height:2px;
    background-color:var(--white);
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    border-radius:10px
}
.talent_zone_item,.tz-item-img img,.tz-item-img>div{
    transition:.5s ease-in-out
}
.nav_toggle .line2,.nav_toggle .line3{
    margin-top:8px
}
.slick-next,.slick-prev{
    position:absolute;
    bottom:41%;
    z-index:1;
    border:none;
    width:50px;
    height:50px;
    overflow:hidden;
    border-radius:50%
}
.slick-prev{
    left:122px;
    background-color:var(--white);
    color:var(--white)
}
.slick-next{
    right:122px;
    background-color:var(--orange)
}
.slick-next::before,.slick-prev::before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-image:url(../img/Slider/arrow.png);
    background-repeat:no-repeat;
    background-size:23px;
    background-position:45% 54%;
    z-index:100
}
.slick-next:hover,.slick-prev:hover{
    background-color:rgba(0,0,0,.5);
    border:1px solid var(--white);
    color:transparent
}
.slick-next::before{
    transform:rotate(180deg);
    filter:brightness(0) invert(1)
}
.home_slider .slick-dots{
    position:absolute;
    bottom:0;
    display:flex;
    justify-content:center;
    width:100%;
    padding-left:0;
    margin-bottom:50px
}
.home_slider .slick-dots li{
    list-style:none;
    padding:0 8px
}
.home_slider .slick-dots li button{
    position:relative;
    width:8px;
    height:8px;
    font-size:0;
    line-height:0;
    padding:0;
    background-color:transparent;
    border-radius:50%;
    border:none;
    cursor:pointer;
    transition:background-color .5s ease-in-out,outline .5s ease-in-out
}
.home_slider .slick-dots .slick-active button,.reviews_card:hover{
    background-color: #F38124;
}
.home_slider .slick-dots li button::after{
    content:"";
    position:absolute;
    top:-4px;
    right:-4px;
    bottom:-4px;
    left:-4px;
    border:1px solid;
    border-color:var(--white);
    border-radius:50%;
    transition:border-color .5s ease-in-out
}
.home_slider .slick-dots .slick-active button::after{
    border-color:var(--orange)
}
.home_slider .slide{
    display:flex!important;
    align-items:center;
    padding-bottom:70px
}
.home_slider{
    position:relative;
    overflow:hidden;
    z-index:0;
    background:#171717
}
.home_slider_bg_full{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.blog_main,.footer_inner_main,.h_slider_img,.home_slider_bg_inner,.our_portfolio,.our_portfolio_inner,.slider_item,.talent_zone_inner{
    position:relative;
    z-index:0
}
.home_slider_bg-1{
    position:absolute;
    top:9%;
    left:-20%;
    width:85px
}
.home_slider_bg-2{
    position:absolute;
    bottom:13%;
    left:-13%;
    width:26px
}
.home_slider_bg-3{
    position:absolute;
    top:27%;
    right:-26%;
    width:82px
}
.home_slider_bg-3 img{
    transform:rotate(90deg)
}
.home_slider_bg-4{
    position:absolute;
    bottom:13%;
    right:-18%;
    width:31px
}
.bg-3_inner1 img,.bg-3_inner2 img,.blog_card_top img,.blogs_new_main .blog_inner_bg-3 img,.blogs_new_main .blog_inner_bg-4 img,.blogs_new_main .blog_inner_bg-6 img,.blogs_new_main .blog_inner_bg-7 img,.home_slider_bg-1 img,.home_slider_bg-2 img,.home_slider_bg-3 img,.home_slider_bg-4 img,.portfolio_bg-1 img,.portfolio_bg-2 img,.portfolio_item_img,.services_bg_1 img,.services_bg_2 img,.slide_content_img img,.slide_content_inner{
    width:100%
}
.slider_item{
    display:flex;
    padding-top:110px
}
.h_slider_text{
    width:55%;
    padding-right:30px
}
.h_slider_img,.reviews_text-2{
    width:45%
}
.slide_img_round_bg-1{
    border-radius:298px;
    background:rgba(55,112,222,.7);
    filter:blur(49px);
    position:absolute;
    top:7%;
    left:0;
    z-index:4
}
.slide_img_round_bg-2{
    border-radius:286px;
    background:rgba(249,76,48,.7);
    filter:blur(55px);
    position:absolute;
    bottom:8%;
    right:3%;
    z-index:4
}
.slick-active .slide_img_round_bg-1,.slick-active .slide_img_round_bg-2{
    width:298px;
    height:298px;
    animation:1.5s ease-in-out slide_img_round_bg-1;
    -webkit-animation:1.5s ease-in-out slide_img_round_bg-1
}
@-webkit-keyframes slide_img_round_bg-1{
    0%{
        width:0;
        height:0;
        opacity:0
    }
}
@keyframes slide_img_round_bg-1{
    0%{
        width:0;
        height:0;
        opacity:0
    }
}
.slide_img-1_bg-3,.slide_img-2_bg-3,.slide_img-3_bg-3{
    z-index:4;
    position:absolute;
    width:96px;
    height:96px
}
.slide_half_bg-1,.slide_half_bg-2{
    height:100%;
    z-index:5;
    position:absolute;
    display:flex
}
.slide_img-1_bg-3{
    top:-9%;
    right:33%
}
.slide_img-2_bg-3{
    top:-6%;
    right:55%
}
.slide_img-3_bg-3{
    top:-7%;
    right:60%
}
.slide_img-3_bg-3 .bg-3_inner2 IMG{
    transform:rotate(292deg)
}
.bg-3_inner1,.bg-3_inner2{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.bg-3_inner1{
    width:26px
}
.bg-3_inner2{
    width:135px
}
.bg-3_inner2 img{
    animation:10s linear infinite reverse slide_half_bg-1
}
.slide_half_bg-1{
    top:0;
    left:0;
    align-items:center;
    width:100%
}
.slide_half_bg-1 img{
    width:100%;
    animation:8s linear infinite slide_half_bg-1
}
@keyframes slide_half_bg-1{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.slide_half_bg-2{
    bottom:0;
    right:0;
    align-items:center;
    justify-content:center;
    width:100%
}
.slide_half_bg-2 img{
    width:85%;
    animation:8s linear infinite reverse slide_half_bg-1
}
.half_bg-1_inner,.half_bg-2_inner{
    position:absolute;
    height:20px;
    width:20px;
    background-color:var(--orange);
    border-radius:50px
}
.slide_content_img{
    position:relative;
    z-index:6;
    padding:0 50px
}
.slide_content_text{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.slide_content_text h1{
    color:var(--white);
    font-weight:500;
    font-size:49px;
    line-height:50px;
    letter-spacing:.5px;
    margin-bottom:0
}
.slide_content_text p{
    margin-top:29px;
    margin-bottom:20px
}
.slide_content_text .slider_buttons{
    justify-content:flex-start;
    margin-top:28px
}
.home_slider_bg-1{
    animation:7s infinite alternate home_slider_bg-1
}
@keyframes home_slider_bg-1{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.home_slider_bg-2{
    animation:3s infinite alternate home_slider_bg-2
}
@keyframes home_slider_bg-2{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(1.2)
    }
}
.home_slider_bg-3{
    animation:3s infinite alternate home_slider_bg-3
}
@keyframes home_slider_bg-3{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(1.1) translateY(5px)
    }
}
.home_slider_bg-4{
    animation:10s infinite reverse home_slider_bg-1
}
.slick-list,.slick-track{
    height:100%
}
.slide,.slider{
    height:100vh;
    min-height:837px
}
.slide .slide__img{
    width:100%;
    height:100%;
    overflow:hidden
}
@media (min-width:992px){
    .slide .slide__img{
        position:absolute;
        width:100%;
        top:50%;
        left:0;
        transform:translateY(-50%)
    }
}
.slide .slide__img img{
    max-width:1920px;
    height:100%;
    opacity:1!important;
    -webkit-animation-duration:3s;
    animation-duration:3s;
    transition:1s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.slide .slide__content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-33%);
    width:1000px
}
.slide .slide__content--headings{
    text-align:center;
    color:#fff
}
.slide .slide__content--headings h2{
    color:var(--white);
    text-align:center;
    font-weight:600;
    font-size:65px;
    line-height:79px;
    transition:.5s
}
.slide__img_overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.5;
    background:#111
}
.slide .slide__content--headings p{
    color:var(--white);
    text-align:center;
    font-weight:300;
    font-size:15px;
    line-height:25.6px;
    margin-top:26px;
    padding:0 115px;
    letter-spacing:.5px
}
.slider_buttons{
    display:flex;
    justify-content:center;
    margin-top:53px
}
.slider_buttons a{
    margin:0 10px
}
.services{
    background-color:#212121;
    overflow:hidden
}
.services__inner{
    display:flex;
    padding-top:92px;
    padding-bottom:85px;
    position:relative;
    z-index:0;
    gap:50px
}
.services_bg_1,.services_bg_2{
    z-index:-1;
    width:428px;
    position:absolute
}
.services_bg_1{
    top:-6%;
    right:-31%
}
.services_bg_2{
    bottom:-7%;
    left:-37%
}
.services__item_left{
    width:45.5%
}
.services__item_right{
    width:54.5%
}
.services_list{
    display:flex;
    padding-top:41px
}
.services_test-1 p{
    margin-top:21px
}
.services_list-2{
    display:flex;
    margin:17px 0
}
.services_list-2 p{
    margin:0
}
.services_list_type div{
    width:10px;
    height:10px;
    background-color:var(--orange);
    border-radius:50%;
    margin-right:18px;
    margin-left:5px;
    margin-top:7px;
    position:relative
}
.services_list_type div::after{
    content:"";
    position:absolute;
    top:-5px;
    right:-5px;
    bottom:-5px;
    left:-5px;
    border:1px solid;
    border-color:var(--orange);
    border-radius:50%;
    transition:border-color .5s ease-in-out
}
.services_more_btn{
    margin-top:58px
}
.services__item_right>div{
    display:flex;
    gap:40px;
    margin:40px 0
}
.services_right_inner{
    position:relative;
    z-index:0;
    overflow:hidden;
    width:50%;
    border-radius:30px;
    background:#191919;
    box-shadow:0 0 20px -10px #000
}
.services_item_bg{
    position:absolute;
    top:-36%;
    left:0;
    width:100%;
    z-index:-1;
    display:flex;
    justify-content:center
}
.services_item_bg_sub{
    width:189px;
    height:119px;
    background-color:#202020;
    border-radius:50%
}
.services_list_svg{
    display:flex;
    justify-content:center;
    padding-top:28px
}
.badges_item,.blog_hader,.industry_header,.portfolio_header_inner,.services_list_text,.talent_zone_title{
    justify-content:center;
    display:flex
}
.services_list_svg img{
    width:45px
}
.services_right_inner p{
    color:var(--white);
    text-align:center;
    font-weight:300;
    font-size:19px;
    line-height:25px;
    letter-spacing:.4px;
    margin-bottom:0
}
.services_list_text{
    height:92px;
    align-items:center;
    padding:18px 60px 24px
}
.about_us{
    overflow:hidden;
    padding-top:151px;
	background-color: #212121;
    margin-bottom:151px
}
.about_us_bg{
    position:absolute;
    top:-40%;
    right:-31%
}
.about_us_bg img{
    width:290px
}
.about_us_inner{
    display:flex;
    position:relative;
    z-index:0
}
.about_us_left{
    width:50%;
    padding-right:9px;
    position:relative;
    padding-bottom:0
}
.about_us_right{
    width:50%;
    padding-left:63px
}
.about_us_left .photo-1{
    width:75%;
    float:left;
    border:10px solid var(--white);
    animation:1s ease-in-out photo-1
}
@keyframes photo-1{
    0%{
        transform:translateX(-30%);
        opacity:0;
        filter:blur(3px)
    }
    100%{
        transform:translateX(0);
        opacity:1;
        filter:blur(0px)
    }
}
.about_us_left_p2{
    position:absolute;
    bottom:0;
    right:0
}
.about_us_left_p2 img{
    float:right;
    border-radius:5px;
    width:75%;
    border:10px solid var(--white);
    animation:1.3s ease-in-out photo-2
}
@keyframes photo-2{
    0%{
        opacity:0
    }
    30%{
        transform:translateX(-10%);
        opacity:0;
        filter:blur(3px)
    }
    100%{
        transform:translateX(0);
        opacity:1;
        filter:blur(0px)
    }
}
.about_us_text-1 h2{
    color: #fff;
    font-weight:700
}
.about_us_text-2{
    margin-top:24px
}
.about_us_text-2 p{
    color: #fff;
    margin:11px 0;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:7;
    line-clamp:7;
    -webkit-box-orient:vertical;
    text-align:justify
}
.portfolio_cards .nav-link,.portfolio_item_content h5,.portfolio_item_content p,.tz-item-text h2{
    color:var(--white);
    font-weight:300
}
.about_us_btn{
    display:flex;
    margin-top:47px;
    margin-bottom:20px
}
.about_us_btn a:hover,.footer_inner .accordion-button:not(.collapsed),.footer_right .accordion-item,.footer_social_icon a:hover,.s-email input{
    background-color: #00358E;
}
.footer_right .accordion-item{
    background-color: transparent;
}
.our_work{
    background-color:#212121
}
.talent_zone{
    padding:90px 0 50px;
    position:relative;
    overflow:hidden
}
.portfolio_bg-1,.portfolio_bg-2{
    position:absolute;
    z-index:-1;
    bottom:0
}
.industry_header_main h2,.portfolio_header h2,.talent_zone_hader h2{
    text-align:center;
    margin-bottom:20px
}
.talent_zone_hader>p{
    text-align:center;
    padding:0 170px;
    margin-bottom:0
}
.tz-main{
    padding:50px 0
}
.portfolio_cards .row,.tz-main .row{
    row-gap:25px
}
.talent_zone_item{
    background-color:#171717;
    padding:20px 0;
    border-radius:30px;
    border:2px solid transparent
}
.talent_zone_item:hover{
	border-color: #F38124;
 
    background-color:#101010
}
.talent_zone_item:hover .tz-item-img>div{
    background-color:var(--orange);
    background-color:#171717
}
.tz-item-img img{
    width:100px;
    height:100px
}
.tz-item-img{
    display:flex;
    justify-content:center;
    padding-bottom:10px
}
.tz-item-img>div{
    background-color:#101010;
    border-radius:100px;
    padding:20px
}
.tz-item-text h2{
    text-align:center;
    font-size:19px;
    line-height:24px;
    margin-bottom:20px
}
.badges img{
    width:120px
}
.badges{
    padding:72px 0
}
.badges_inner{
    display:flex;
    justify-content:space-between
}
.home_badges .about_badges{
    padding:80px 0
}
.portfolio_bg-2{
    left:-30%;
    width:550px
}
.portfolio_bg-1{
    right:0;
    background-image:url(../img/portfolio/bg-1.png);
    background-repeat:no-repeat;
    background-size:62%;
    background-position:63% 77%;
    height:100%;
    width:100%
}
.portfolio_cards .nav-link,.portfolio_cards_item,.portfolio_item{
    position:relative;
    overflow:hidden
}
.portfolio_header{
    padding-top:76px
}
.portfolio_header>p{
    text-align:center;
    padding:0 150px
}
.portfolio_item{
    margin:12px 0;
    border-radius:30px
}
.portfolio_cards{
    padding-top:40px
}
.portfolio_cards .nav{
    justify-content:center;
    border:none
}
.portfolio_cards .nav-link{
    padding:0 0 4px;
    border-bottom:2px solid transparent!important;
    border-radius:0!important;
    margin:0 36px;
    font-size:18px;
    line-height:22px;
    text-transform:capitalize
}
.portfolio_cards .nav-link:focus,.portfolio_cards .nav-link:hover{
    color:var(--orange);
    border-color:transparent!important;
    background-color:transparent!important
}
.portfolio_cards .nav-link.active{
    color:var(--orange)!important;
    background-color:transparent!important;
    border-color:transparent!important
}
.portfolio_cards .tab-content{
    padding-top:25px;
    padding-bottom:80px
}
.portfolio_cards .tab-content .fade{
    transition:opacity .45s linear
}
.portfolio_cards_item{
    height:100%;
    z-index:0
}
.portfolio_cards_overlay{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    display:flex;
    align-items:flex-end;
    background:linear-gradient(180deg,rgba(0,0,0,.14) 23.15%,rgba(182,53,33,.52) 73.53%,rgba(249,76,48,.7) 100%);
    transition:height .5s ease-in-out
}
.portfolio_cards_item:hover .portfolio_cards_overlay{
    height:250%
}
.portfolio_cards_item:hover .portfolio_item_img img,.reviews_card:hover .reviews_card_photo img{
    transform:scale(1.1)
}
.portfolio_cards .row>div{
    margin:25px 0
}
.portfolio_cards .tab-content .col-6:nth-child(odd)>div{
    padding-right:18px
}
.portfolio_cards .tab-content .col-6:nth-child(2n)>div{
    padding-left:18px
}
.portfolio_item_img img{
    width:100%;
    height:518px;
    object-fit:cover;
    transition:transform .5s ease-in-out
}
.portfolio_item_content{
    background-color:transparent;
    padding:0 25px;
    transition:background-color .5s ease-in-out;
    position:absolute;
    z-index:2;
    left:0;
    bottom:0;
    width:100%
}
.portfolio_item_content p{
    font-size:16px;
    line-height:normal;
    padding-top:17px;
    margin-bottom:15px
}
.portfolio_item_content h5{
    font-size:21px;
    line-height:33px;
    margin-bottom:0;
    padding-bottom:40px
}
.portfolio_cards_more_btn{
    display:flex;
    justify-content:center;
    padding-top:25px;
    padding-bottom:2px
}
.industry_review{
    position:relative;
    background:#212121;
    overflow:hidden;
    z-index:0
}
.bg-3,.round_bg{
    position:absolute
}
.round_bg{
    top:19px;
    right:-165px;
    width:330px;
    height:330px;
    border-radius:330px;
    border:70px solid rgba(249,76,48,.3);
    z-index:-1;
    animation:1s ease-in-out round_bg
}
@keyframes round_bg{
    0%{
        transform:translatex(100%)
    }
    100%{
        transform:translatex(0)
    }
}
.industry_review .bg-2{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-image:url(../img/industry/bg-2.png);
    background-repeat:no-repeat;
    background-size:850.284px;
    background-position:0 100%
}
.bg-3{
    bottom:49%;
    left:71%;
    z-index:-1
}
.industry{
    padding-top:108px;
    padding-bottom:58px
}
.industry_header_main>p{
    text-align:center;
    padding:0 90px
}
.industry_card{
    padding-top:50px;
    position:relative
}
.industry_card .slick-prev{
    left:-100px
}
.industry_card .slick-next{
    right:-100px
}
.slider-industry .slide{
    margin:0 19px
}
.slider-industry .slick-list{
    margin:0 -19px!important
}
.slider_industry_item img{
    width:100%;
    border-radius:30px;
    filter:contrast(1.1) opacity(.5);
    transition:filter .6s ease-in-out
}
.slider_industry_item:hover img{
    filter:contrast(1) opacity(1)
}
.industry_card .slick-slider{
    overflow:hidden!important;
    position:unset!important
}
.slider_industry_item{
    transition:.5s ease-in-out;
    position:relative;
    overflow:hidden
}
.slider_industry_overlay,.slider_industry_overlay_bg{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    border-radius:0 0 30px 30px
}
.slider_industry_overlay{
    padding:25px;
    z-index:2
}
.slider_industry_overlay_bg{
    height:50%;
    z-index:1;
    animation:.7s ease-in-out industry_bg_card-1
}
@keyframes industry_bg_card-1{
    0%{
        opacity:1;
        height:50%;
        background:linear-gradient(0deg,#f94d1d 0,rgba(249,76,48,.3) 52.85%,rgba(255,255,255,0) 95.62%)
    }
    100%{
        opacity:0;
        height:0%
    }
}
.slider_industry_item:hover .slider_industry_overlay_bg{
    animation:.7s ease-in-out industry_bg_card;
    background:linear-gradient(0deg,#f94d1d 0,rgba(249,76,48,.3) 52.85%,rgba(255,255,255,0) 95.62%)
}
@keyframes industry_bg_card{
    0%{
        opacity:0;
        height:20%
    }
    60%{
        height:50%
    }
    100%{
        opacity:1
    }
}
.slider_industry_overlay h4{
    color:var(--orange);
    font-weight:600;
    font-size:18px;
    line-height:normal;
    margin-bottom:10px
}
.slider_industry_overlay p{
    color:var(--white);
    margin-bottom:16px;
    font-size:15px
}
.client_reviews{
    padding-top:71px;
    padding-bottom:0;
    position:relative
}
.reviews_content{
    display:flex;
    margin-top:30px
}
.reviews_text-1{
    width:37%;
    display:flex
}
.reviews_btn{
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    width:18%
}
.reviews_card{
    border: 1px solid #F38124;
    padding:47px 40px 45px;
    border-radius:30px;
    background-color:#171717;
    position:relative;
    transition:background-color .7s ease-in-out
}
.reviews_card_photo{
    display:none;
    position:absolute;
    top:-40px;
    left:40px
}
.reviews_card_photo img{
    width:80px;
    border-radius:80px;
    border:6px solid #212121;
    transition:transform .5s
}
.reviews_cards_main{
    margin-top:55px
}
.reviews_cards_main .row{
    --bs-gutter-x:50px
}
.reviews_card_text p{
    margin-bottom:17px;
    text-align:justify
}
.footer_right,.reviews_card_name{
    width:70%
}
.reviews_card_name h3{
    color:var(--white);
    font-weight:600;
    font-size:18px;
    line-height:normal;
    margin-bottom:0
}
.reviews_card_name p,.reviews_card_star p{
    margin-bottom:0;
    font-weight:300;
    line-height:20.8px
}
.reviews_card_name p{
    color:#d9d9d9;
    font-size:11px;
    letter-spacing:1px;
    display:none
}
.reviews_card_star{
    width:30%;
    display:flex;
    justify-content:flex-end
}
.reviews_card:hover .reviews_card_star p{
    color:var(--white)
}
.reviews_card_star p{
    color:var(--orange);
    font-size:17px;
    letter-spacing:3px;
    transition:color .5s ease-in-out
}
.blog{
    padding-top:121px;
    padding-bottom:124px;
    position:relative;
    overflow:hidden;
    z-index:0
}
.blog_text h2{
    color:var(--black-2);
    font-weight:700;
    text-align:center;
    margin-bottom:20px
}
.blog_text>p{
    color:var(--black);
    text-align:center;
    padding:0 250px
}
.blog_cards{
    margin-top:50px
}
.blog_cards a{
    text-decoration:none
}
.blog_View_more{
    padding-top:66px;
    display:flex;
    justify-content:center
}
.blog_View_more a:hover{
    background-color:#fff
}
.blogs_new .blog_card{
    padding:20px;
    border-radius:28px;
    background:#fff;
    box-shadow:0 0 50px 0 rgba(0,0,0,.05);
    transition:box-shadow .5s
}
.blogs_new .blog_card:hover{
    box-shadow:0 0 200px 0 rgba(0,0,0,.2)
}
.blogs_new .blog_card_top img{
    border-radius:28px;
    background:#212121
}
.blog_card_bottom_inner .date img{
    width:20px;
    margin-right:11px
}
.blogs_new .blog_card_bottom_inner{
    display:flex;
    justify-content:space-between;
    padding:18px 0;
    border-bottom:1px solid var(--orange)
}
.blogs_new .blog_card_bottom{
    padding:0
}
.blogs_new .blog_card_bottom p{
    color:var(--black);
    word-spacing:1.5px;
    text-align:justify
}
.blog_card_bottom_inner .date p,.blog_card_bottom_tag p{
    padding-top:2px
}
.blog_card_bottom_tag p{
    padding-top:4px
}
.blogs_new .blog_card_bottom_text h3{
    color:var(--black-2);
    font-weight:600;
    margin-top:20px;
    font-size:18px;
    margin-bottom:18px;
    line-height:31px
}
.footer_contact_text p,.footer_inner .accordion-button,.footer_inner .accordion-button:not(.collapsed),.footer_right_item h6,.footer_right_item ul li a,.read_left h5,.s-email input,.subscribe_left h3,.subscribe_right_text p{
    color:var(--white);
    color:var(--white)
}
.blogs_new .row{
    --bs-gutter-x:30px
}
.blogs_new_main .blog_inner_bg-3{
    position:absolute;
    top:1%;
    left:-33%;
    z-index:-1;
    width:80px
}
.blogs_new_main .blog_inner_bg-4{
    position:absolute;
    top:-9%;
    right:-23%;
    z-index:-1;
    width:77px
}
.blogs_new_main .blog_inner_bg-6{
    position:absolute;
    bottom:-4%;
    left:-25%;
    z-index:-1;
    width:49px
}
.blogs_new_main .blog_inner_bg-7{
    position:absolute;
    bottom:-12%;
    right:-27%;
    z-index:-1;
    width:51px
}
.footer{
    background:#212121;
    overflow:hidden
}
.footer_bg-1,.footer_bg-2{
    background:0 0;
    z-index:-1;
    position:absolute
}
.footer_bg-1{
    top:0;
    left:-44%;
    border-radius:593px;
    border:56px solid rgba(249,76,48,.3);
    width:413px;
    height:413px;
    animation:1.5s ease-in-out footer_bg
}
@keyframes footer_bg{
    0%{
        transform:translatex(-100%)
    }
    100%{
        transform:translatex(0)
    }
}
.footer_bg-2{
    bottom:-3%;
    right:-58%;
    width:654px;
    height:654px;
    border-radius:1121px;
    border:90px solid rgba(249,76,48,.3);
    animation:2s ease-in-out footer_bg-3
}
@keyframes footer_bg-3{
    0%{
        transform:translatex(100%)
    }
    100%{
        transform:translatex(0)
    }
}
.read{
    padding-top:120px
}
.read_inner{
    border-radius:30px;
    background:rgba(249,76,48,.5);
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:60px 40px 44px
}
.read_left h5{
    font-size:27px;
    line-height:28px;
    font-weight:500;
    margin-bottom:26px
}
.subscribe{
    padding:121px 0 106px
}
.subscribe_inner{
    display:flex;
    align-items:flex-end
}
.subscribe_left{
    width:55%
}
.subscribe_right{
    padding-top:40px;
    width:45%
}
.subscribe_left h3{
    font-weight:700;
    font-size:41px;
    line-height:54px;
    text-transform:capitalize;
    margin-top:19px;
    margin-bottom:0
}
.subscribe_right_text p{
    font-weight:300;
    font-size:12px;
    word-spacing:1px;
    line-height:25.6px;
    margin-bottom:0;
    letter-spacing:.3px
}
.subscribe_right_form{
    display:flex;
    margin-top:17px
}
.s-email{
    width:65%
}
.s-btn{
    width:35%;
    padding-left:10px
}
.s-email input{
    border-radius:30px;
    border:1px solid #d9d9d9;
    width:100%;
    padding:17px 15px;
    font-weight:300;
    font-size:14px;
    line-height:normal;
    transition:border .3s ease-in-out
}
.s-email input:focus-visible{
    border-color:var(--orange);
    outline:0
}
.s-email input::placeholder{
    color:var(--white);
    font-weight:300;
    font-size:14px;
    line-height:normal
}
.s-btn button{
    padding:16px 15px;
    width:100%;
    height:100%
}
.footer_inner{
    padding-top:10rem;
    padding-bottom:20px;
	background: #0000002e;
	border-top-left-radius: 30px;
  border-top-right-radius: 30px
}
.footer_com_info{
    width:30%;
    padding-bottom:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.footer_social>div{
    display:flex;
    margin-top:30px;
    gap:33px
}
.footer_social_icon{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:outline .5s ease-in-out
}
.footer_social_icon a{
    background-color:var(--orange);
    border-radius:100px;
    height:100%;
    width:100%;
    text-align:center;
    transition:background-color .5s ease-in-out;
    display:flex;
    align-items:center;
    justify-content:center
}
.footer_social_icon img{
    height:17px
}
.footer_social_icon svg path{
    fill:var(--white);
    transition:fill .3s ease-in-out
}
.footer_social_icon a:hover svg path{
    fill:var(--orange)
}
.footer_social_icon a:hover{
    border-radius:100px;
    outline:1px solid var(--orange)
}
.footer_right_item1{
    padding-left:50px
}
.footer_right_item h6{
    font-weight:500;
    font-size:18px;
    line-height:25.6px;
    text-transform:capitalize;
    letter-spacing:.6px;
    margin-bottom:16px
}
.footer_right_item ul{
    padding:0;
    list-style:none;
    margin:0
}
.footer_right_item ul li a{
    font-weight:400;
    font-size:14px;
    word-spacing:1px;
    line-height:25.6px;
    text-transform:capitalize;
    text-decoration:none;
    transition:color .5s ease-in-out;
    letter-spacing:.3px
}
.footer_right_item ul li{
    margin:10px 0
}
.footer_contact_icon img{
    width:20px
}
.footer_contact_icon svg g{
    fill:var(--white)
}
.footer_contact_text p{
    font-weight:300;
    font-size:13px;
    word-spacing:1px;
    line-height:25.6px;
    text-transform:capitalize;
    padding-left:15px
}
.f-email p a{
    text-transform:lowercase!important
}
.footer_bottom_inner{
    border-top:1px solid var(--white);
    padding:10px 0
}
.footer_bottom_inner P{
    margin-bottom:0;
    color:#fff;
    font-weight:300;
    font-size:14px;
    line-height:25.6px;
    letter-spacing:.5px;
    text-align:center
}
.footer_inner .accordion-button{
    background-color:transparent;
    padding:16px 10px;
    display:none;
    font-size:15px;
    line-height:20px;
    font-weight:300;
    text-transform:capitalize
}
.footer_inner .accordion-button:focus{
    box-shadow:none
}
.footer_right .accordion-flush .accordion-item:last-child{
    border-bottom:none
}
.footer_right .accordion-item{
    border:none;
    width:33%
}
.footer_right .collapse:not(.show){
    display:block!important
}
.footer_right .accordion{
    display:flex;
    justify-content:flex-end
}
.footer_right .accordion-body{
    padding:0!important
}
.back_to_top{
    display:none;
    cursor:pointer;
    position:fixed;
    bottom:20px;
    right:30px;
    z-index:2;
    width:50px;
    height:50px;
    border:1px solid transparent;
    padding:10px;
    border-radius:100px;
    background-color:#171717;
    animation:.8s ease-in-out back_to_top;
    transition:background-color .5s ease-in-out,border .5s ease-in-out
}
@keyframes back_to_top{
    0%{
        opacity:0;
        transform:translatey(10px);
        filter:blur(1px)
    }
    100%{
        opacity:1
    }
}
@media (max-width:575px){
    .back_to_top{
        bottom:20px;
        right:20px;
        width:40px;
        height:40px;
        background-color:#171717d4;
        padding:7px
    }
}
.loader4,.page-loader{
    position:fixed;
    bottom:0;
    right:0;
    margin:auto;
    top:0;
    left:0
}
.page-loader{
    width:100%;
    height:100vh;
    background-color:#000;
    z-index:21
}
.loader4{
    width:45px;
    height:45px;
    display:inline-block;
    padding:0;
    border-radius:100%;
    border:5px solid;
    border-top-color:var(--orange);
    border-bottom-color:rgba(255,255,255,.3);
    border-left-color:var(--orange);
    border-right-color:rgba(255,255,255,.3);
    -webkit-animation:1s ease-in-out infinite loader4;
    animation:1s ease-in-out infinite loader4
}
.breadcrumbs-list,.error_page_text h1,.error_page_text h2{
    margin-bottom:0;
    text-align:center
}
@keyframes loader4{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
@-webkit-keyframes loader4{
    from{
        -webkit-transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg)
    }
}
.back_to_top img{
    width:100%;
    transform:rotate(90deg);
    padding-top:2px;
    padding-right:2px;
    transition:transform .5s ease-in-out
}
.back_to_top:hover img{
    transform:translateY(-2px) rotate(90deg)
}
.back_to_top svg.progress-circle{
    position:absolute;
    top:0;
    left:0
}
.back_to_top svg.progress-circle path{
    stroke:#f94d1d;
    stroke-width:4;
    box-sizing:border-box;
    -webkit-transition:.2s linear;
    transition:.2s linear;
    fill:none
}
.breadcrumbs-list{
    display:block;
    padding-top:.7rem
}
.breadcrumbs-list li{
    list-style:none;
    display:inline-block
}
.breadcrumbs-list li span{
    font-size:20px;
    color:#f94c30;
    padding:0 20px;
    text-transform:capitalize
}
.breadcrumbs-list li .breadcrumbs-link span{
    color:#fff;
    position:relative;
    padding-left:0
}
.breadcrumbs-list li .breadcrumbs-link{
    text-decoration:none;
    display:flex
}
.breadcrumbs-list li .breadcrumbs-link span:hover{
    color:#f94c30
}
.breadcrumbs-item .breadcrumbs-link span::after{
    content:"";
    margin-left:8.5px;
    margin-bottom:3px;
    display:block;
    background-image:url("./../img/contactUs/contact_info/breadcrumb-arrow.svg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    width:15px;
    height:7px;
    position:absolute;
    right:-10px;
    top:13px
}
.error_page{
    width:100%;
    height:100vh;
    background-color:var(--black-2)
}
.error_page_text{
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    height:100%;
    gap:20px
}
.error_page_text h1{
    font-size:225px;
    line-height:100%;
    font-weight:900;
    color:var(--black-2);
    text-transform:uppercase;
    text-shadow:-1px -1px 0 var(--orange),1px 1px 0 var(--orange)
}
.error_page_text h2{
    font-size:42px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:3px
}
.error_page_text p{
    text-align:center;
    padding:0 30%
}
.patner-company{
    list-style:none;
    white-space:nowrap;
    display:flex;
    justify-content:space-around;
    padding-left:0;
    margin-bottom:0
}

/* ------------------------------------
.circle-block
---------------------------------------*/
.circle-border{
    position: relative
}
.circle-block {position: absolute !important;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.circle-block{position:relative;margin-top:15px;width:500px;height:500px;border-radius:50%;border:2px solid #fff;margin-left:auto;margin-right:auto; z-index: 99999;}
.item-select i{font-size: 2rem;}
.circle-border {}

.iphone img {
    height: 100%;
    border-radius: 20px;
   /* box-shadow: 1px 9px 9px 0px #bfbfbf;*/
}
.circle-block .item-select{
  width: 95px;
  border-radius:50%;
  height: 95px;
  float:left;
  position:absolute;
  text-align:center;
  /* border: 2px solid #2d6bd2; */
  background: #EBEBEB;
  color: #5C5C5C;
  padding: 18px;
  /*--animation: 30s lk-rotate1 infinite alternate;--*/
  display: flex;
  animation: 30s lk-rotate1 0s infinite;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  }
.rotated-circle{width:500px;height:500px;
 /*--animation:30s lk-rotate infinite;--*/animation:30s lk-rotate 0s infinite;
 }
.circle-block .select-item amp-img{width:100px}
.circle-block h3 span:nth-child(1){display:block;font-size:18px}
.circle-block .item-select:nth-child(1){margin-top: 54%;margin-left: -34px;background: #E5DBFF;}
.circle-block .item-select:nth-child(2){left: 60%;margin-top: -22px;background: #D2DAFFFF;}
.circle-block .item-select:nth-child(3){top: 43%;right: -12%;background:#F7C3C3;}
.circle-block .item-select:nth-child(4){top: 3%;left: 7%;background:#F7C3C3;}
.circle-block .item-select:nth-child(5){bottom: -6%;right: 33%;background:#84E38D;}
.circle-block h3 span:nth-child(1){font-size:26px;color:#fff;line-height:42px;margin-top:0;font-family:Galada-Regular;letter-spacing:1px;font-weight:400}
.circle-block:hover .rotated-circle,.circle-block:hover .item-select{animation-play-state: paused;}
.circle-block .item-select amp-img{animation:25s lk-rotate1 0s infinite}
.circle-block:before{content:"";width:100%;height:100%;position:absolute;border-radius:50%;animation:auto;border: 2px solid #e2e2e2;}
.rotated-cr-blk .rf{padding-top:36px;position:relative;padding-bottom:51px}
.rotated-cr-blk .rf:before{position:absolute;content:"";right:0;top:0;width:52%;height:100%;background:linear-gradient(200deg,#e6e6e6,#e9e9e9,#fff)}
@keyframes lk-rotate {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes lk-rotate1 {
0%{transform:rotate(360deg)}
100%{transform:rotate(0deg)}
}
.circle-cont{position:absolute;top:34px;width:84%;left:41px;padding:51px 29px;text-align:center}
.circle-cont p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;height:154px;margin-bottom:0}
.circle-block,.rotated-circle{width: 420px;height: 420px;}
.circle-block .item-select p {font-size: 15px;line-height: 29px;text-align: center;font-weight: bold;display: flex;cursor: pointer;margin-bottom: 0;flex-direction: column;align-items: center;justify-content: center;}
.circle-block .item-select:nth-child(1) p {color: #8D62FF;}
.circle-block .item-select:nth-child(1) p span {color: white;}
.circle-block .item-select:nth-child(2) p {color: #6B84FF;}
.circle-block .item-select:nth-child(2) p span {color: white;}
.circle-block .item-select:nth-child(3) p {color: #B0432B;}
.circle-block .item-select:nth-child(3) p span {color: white;}
.circle-block .item-select:nth-child(4) p {color: #FF8B42;}
.circle-block .item-select:nth-child(4) p span {color: white;}
.circle-block .item-select:nth-child(5) p {color: #358718;}
.circle-block .item-select:nth-child(5) p span {color: white;}
/* ------------------------------------
.circle-block-1
---------------------------------------*/
.circle-block-1{position:relative;margin-top:15px;width:500px;height:500px;border-radius:50%;border:2px solid #fff;margin-left:auto;margin-right:auto}
.circle-block-1 .item-select {
    width: 80px;
    border-radius: 50%;
    height: 80px;
    float: left;
    position: absolute;
    text-align: center;
    border: 2px solid #2d6bd2;
    background: #EBEBEB;
    display: flex;
    color: #5C5C5C;
    /*--animation: 30s lk-rotate1 infinite alternate;--*/
    animation: 30s lk-rotate1  0s infinite;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   }
.rotated-circle-1 {
/* --animation: 30s lk-rotate infinite;--*/animation: 30s lk-rotate infinite;
}
.circle-block-1 .select-item amp-img{width:100px}
.item-select i{font-size: 1.8rem;}
.circle-block-1 .item-select:nth-child(1){margin-top: -37px;right: 40%;}
.circle-block-1 .item-select:nth-child(2){right: 18%;margin-top: 7px;}
.circle-block-1 .item-select:nth-child(3){top: 18%;right: 1%;}
.circle-block-1 .item-select:nth-child(4){top: 42%;right: -6%;}
.circle-block-1 .item-select:nth-child(5){top: 67%;right: -1%;}
.circle-block-1 .item-select:nth-child(6){margin-top: 86%;right: 113px;}
.circle-block-1 .item-select:nth-child(7){bottom: -6%;left: 47%;}
.circle-block-1 .item-select:nth-child(8){bottom: 1%;left: 18%;}
.circle-block-1 .item-select:nth-child(9){bottom: 22%;left: -1%;}
.circle-block-1 .item-select:nth-child(10){top: 40%;left: -6%;}
.circle-block-1 .item-select:nth-child(11){top: 14%;left: 4%;}
.circle-block-1 .item-select:nth-child(12){top: -1%;left: 24%;}
.circle-block-1:hover .rotated-circle-1,.circle-block-1:hover .item-select{animation-play-state: paused;}
.circle-block:hover
{
    animation-play-state: paused;}
.circle-block-1 h3 span:nth-child(1){display:block;font-size:18px}
.circle-block-1 h3 span:nth-child(1){font-size:26px;color:#fff;line-height:42px;margin-top:0;font-family:Galada-Regular;letter-spacing:1px;font-weight:400}
.circle-block-1 .item-select amp-img{animation:25s lk-rotate1 infinite}
.circle-block-1:before{content:"";width:100%;height:100%;position:absolute;/* background:#e8e8e882; */border-radius:50%;animation:auto;border: 2px solid #e2e2e2;}
.rotated-cr-blk .rf{padding-top:36px;position:relative;padding-bottom:51px}
.rotated-cr-blk .rf:before{position:absolute;content:"";right:0;top:0;width:52%;height:100%;background:linear-gradient(200deg,#e6e6e6,#e9e9e9,#fff)}
@keyframes lk-rotate {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes lk-rotate1 {
0%{transform:rotate(360deg)}
100%{transform:rotate(0deg)}
}
.circle-block-1, .rotated-circle-1 {width: 660px;height: 660px;}
.circle-block-1 .item-select p {font-size: 11px;text-align: center;/* font-weight: bold; */cursor: pointer;margin-bottom: 0;}
.iphone {
	position: absolute;
	/* left: 15px; */
	z-index: 99999;
	left: 50%;
	height: 45%;
	bottom: 34%;
	transform: translate(-50%, -0%);
	padding: 10px;
}

@media (max-width: 1600px) {
  .one-platform-bg {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .container-fluid-theme {
    max-width: 98%;
  }
}
@media (max-width: 767.98px) {
  .one-platform {
    padding-top: 70px;
    margin-bottom: 00px;
  }
}
@media (max-width: 1600px) {
  .circle-border {
    transform: scale(0.8);
    margin-top: 0;
    transform-origin: center;
  }
}
@media (max-width: 1600px) {
  .iphone {
    transform: translate(-50%, -0%) scale(0.9);
    transform-origin: center;
    bottom: 35%;
  }
}
@media (max-width: 575.98px) {
  .one-platform {
    padding: 40px 0;
  }
}
@media (max-width: 767.98px) {
  .one-platform {
    padding-top: 70px;
    margin-bottom: 00px;
  }
}
@media (max-width: 767.98px) {
  .container-fluid-theme {
    max-width: 98%;
  }
}
@media (max-width: 575.98px) {
  .heading-sec-title {
    font-size: 23px !important;
    padding-left: 0;
  }
}
@media (max-width: 575.98px) {
  .circle-border {
    transform: scale(1);
  }
}
@media (max-width: 575.98px) {
  .circle-block, .rotated-circle {
    width: 100%;
    height: auto;
    transform: unset;
    position: static !important;
  }
}
@media (max-width: 575.98px) {
  .rotated-circle {
    position: static;
    width: 100%;
    height: auto;
    animation: none;
  }
}
@media (max-width: 575.98px) {
  .rotated-circle-1, .rotated-circle {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 575.98px) {
  .circle-block, .rotated-circle {
    width: 100%;
    height: auto;
    transform: unset;
    position: static !important;
  }
}
@media (max-width: 575.98px) {
  .circle-block-1 .item-select, .circle-block .item-select {
    width: 46%;
    margin: 5px !important;
    position: static;
    float: unset;
    transform: unset;
    animation: none;
    border-radius: 5px;
  }
}
@media (max-width: 575.98px) {
  .circle-block .item-select {
    position: static;
  }
}
@media (max-width: 575.98px) {
  .circle-block .item-select {
    position: static;
  }
}
@media (max-width: 575.98px) {
  .circle-block, .rotated-circle {
    width: 100%;
    height: auto;
    transform: unset;
    position: static !important;
  }
}
@media (max-width: 575.98px) {
  .rotated-circle {
    position: static;
    width: 100%;
    height: auto;
    animation: none;
  }
}
@media (max-width: 575.98px) {
  .rotated-circle-1, .rotated-circle {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 575.98px) {
  .circle-block, .rotated-circle {
    width: 100%;
    height: auto;
    transform: unset;
    position: static !important;
	border: none;
  }
}
@media (max-width: 575.98px) {
  .circle-block .item-select {
    position: static;
  }
}
@media (max-width: 575.98px) {
  .circle-block-1 .item-select, .circle-block .item-select {
    width: 46%;
    margin: 5px !important;
    position: static;
    float: unset;
    transform: unset;
    animation: none;
    border-radius: 5px;
  }
}
@media (max-width:1600px) {
    .one-platform { 
    margin-bottom: 100px;
}
    .circle-border {
     transform: scale(0.8);
     margin-top: 0;
     transform-origin: center;
} 
    .iphone{
     transform: translate(-50%, -0%) scale(0.9);
     transform-origin: center;
     bottom: 35%;
}
    .circle-block-1 .item-select p {
        font-size: 13px;
    }
	}
	@media (max-width: 575.98px) {
  .circle-block-1, .rotated-circle-1 {
   width: 100% !important;
    height: auto !important;
  }
}
@media (max-width: 575.98px) {
  .circle-block-1, .rotated-circle-1 {
    width: 100% !important;
    height: auto !important;
  }
}
@media (max-width: 575.98px) {
  .circle-block-1, .rotated-circle-1 {
    width: 100% !important;
    height: auto !important;
	border: none;
  }
}
@media (max-width: 575.98px) {
  .rotated-circle-1, .rotated-circle {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 575.98px) {
  .rotated-circle-1 {
    width: 100%;
    height: auto;
    transform: unset;
    animation: none;
  }
}
@media (max-width: 575.98px) {
  .circle-block-1 .item-select, .circle-block .item-select {
    width: 46%;
    margin: 5px !important;
    position: static;
    float: unset;
    transform: unset;
    animation: none;
    border-radius: 5px;
  }
}
@media (max-width: 575.98px) {
  .circle-block-1 .item-select {
    height: 42px;
    background: #fff;
    border-radius: 65px !important;
    font-size: 12px !important;
  }
}
@media (max-width: 575.98px) {
  .circle-block-1 .item-select p {
    font-size: 15px;
  }
}
@media (max-width: 1600px) {
  .circle-block-1 .item-select p {
    font-size: 13px;
  }
}
@media (max-width: 575.98px) {
  .iphone {
    transform: unset;
    position: static;
    HEIGHT: AUTO;
    width: 80%;
    margin: auto;
    margin-top: auto;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
    .circle-block-1::before {
        content: none;
        border: none;
        animation: none;
    }
}
@media (max-width: 767px){
.circle-block::before {
	content: none;
        border: none;
        animation: none;
}
}
@media (max-width: 1600px) {
  .circle-block, .rotated-circle {
   width: 380px;
  height: 380px;
  }
}
@media (max-width: 1600px) {
  .circle-block-1, .rotated-circle-1 {
   width: 550px;
  height: 550px;
  }
}
/* ------------------------------------
