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

CSS INDEX

=============================



    # HEADER TOP STARTS 

        --main menu area starts 

    # HEADER STARS

    # HOME PAGE HEADER STARTS

        -- home top header 

        -- home menu starts

    # HOME THREE STARTS

    # BANNER AREA STARTS

    # HOME TWO BANNER STARTS 

    # HOME THREE BANNER STARTS 

    # FEATURES STARTS 

    # ABOUT STARTS 

    # SERVICE STARTS 

    # GLOBAL AREA STARTS 

    # video button 

    # POPULAR AREA STARTS 

    # SKILL AREA STARTS 

    # STATISTICS STARTS 

    # CHOOSE SECTION STARTS 

    # BRAND AREA STARTS 

    # TESTIMONIALS STARTS 

    # BLOG STARTS 

    # SOLUTION STARTS 

    # FOOTER STARTS 

    # HOME TWO PAGE STARTS 

        -- BANNER 

        -- HOME ABOUT 

        -- PROFESSION STARTS 

        -- SOLUTION STARTS 

        -- HOME STUDIES STARTS 

        -- HOME DATA STARTS 

        -- HOME TEAM STARTS 

        -- FAQS AREA STARTS 

        -- HOME COUNTER STARTS 

        -- HOME TESTIMONIAL STARTS 

        -- HOME FORM STARTS 

        -- HOME BLOG 

        -- HOME BRAND 

        -- HOME FOOTER 

    # HOME TWO PAGE ENDS

    # HOME THREE PAGE STARTS 

        -- HOME THREE BRAND PARTNER STARTS 

        -- HOME THREE LEARN STARTS 

        -- HOME THREE SERVICE STARTS

        -- HOME THREE FAQ STARTS 

        -- HOME THREE STUDIES STARTS 

        -- HOME THREE CHOOSE STSRTS 

        -- HOME THREE TEAM STARTS

        -- HOME THREE TESTIMONIAL STARTS 

        -- HOME THREE BLOG STARTS 

        -- HOME THREE WORKS STARTS 

        -- HOME THREE FOOTER STARTS 

    # HOME THREE PAGE ENDS 

    # ABOUT PAGE STARTS 

        -- ABOUT COMPANY STARTS

        -- ABOUT CHOOSE STARTS 

        -- ABOUT TEAM STARTS 

        -- ABOUT STATISTIC 

        -- ABOUT TESTIMONIAL 

        -- ABOUT BRAND 

        -- ABOUT FOOTER 

    # ABOUT PAGE ENDS 

    # BLOG PAGE STARTS

        -- blog brand 

    # BLOG PAGE ENDS 

    # BLOG DETAILS STARTS 

    # BLOG DETAILS ENDS

    # CONTACT US PAGE STARTS 

    # CONTACT US PAGE ENDS  

    # CONTACT MAP 

    # CONTACT FORM 

    # SERVICE GLOBAL 

    # MAIN SERVICE 

    # PORTFOLIO 

    # PORTFOLIO DETAILS

    # SERVICE DETAILS 

    # TEAM PAGE 

    # TEAM DETAILS PAGE 

    # CHOOSE PAGE 

    # SHOP PAGE STARTS 

    # SHOP PAGE ENDG 



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

CSS INDEX

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





body{

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

    overflow-x: hidden;

}



img{

    max-width: 100%;

    height: auto;

}



ul{

    margin-bottom: 0;

}



button .btn{

    box-shadow: none;

}
.product {
    padding: 30px !important;
}


a:focus,

button:focus,

.btn:focus,

select:focus,

input:focus,

textarea:focus{

    box-shadow: none;

    outline: none;

}



a,

a:hover {

    text-decoration: none;

}



button {

    cursor: pointer;

}



textarea {

    height: 120px;

    width: 100%;

}



ul, ol {

    margin: 0;

    padding: 0;

    list-style: none;

}
#desk_hide_menu{
    display:none !important;

}


/* predoler */

.preloader-wrapper {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    z-index: 10000;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #f7f7f9;

}



.bounce-active {

    animation: bounce 2s infinite;

    -webkit-animation: bounce 2s infinite;

    -moz-animation: bounce 2s infinite;

    -o-animation: bounce 2s infinite;

}



.preloader img {

    display: inline-block;

    max-width: 100px;

}

/* predolerends */





/* HEADER TOP STARTS */

.header-top-container{

    position: relative;

    background-color: black;

    width: 100%;

    clip-path: polygon(1% 0%, 100% 0%, 100% 100%, 0% 100%);

}



.header-top-content span{

    color: #fff;

    width: 100%;

    height: 45px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

}



.header-top-content-wrapper ul{

  float: right;

  width: 100%;

  height: 45px;

  display: flex;

  justify-content: end;

  align-items: center;

}



.header-top-content-wrapper ul li a{

    display: inline-block;

    color: #fff;

    font-size: 16px;

}

.down {

    width: 250px;

    left: 0px !important; 

}



.header-top-content-wrapper ul li a i{

    margin-right: 5px;

}



.header-top-content-wrapper ul li{

    position: relative;

    margin-right: 25px;

    color: #fff;

}



.header-top-content-wrapper ul li i{

    margin-right: 5px;

}



/*.header-top-content-wrapper ul .li-content::after{

    content: ' \007C';

    color: #fff;

    height: auto;

    position: absolute;

    top: 0px;

    margin-left: 10px;

}*/

/* HEADER TOP ENDS */





/* main menu area starts */

/*MOBILE MENU STARTS*/

.mobile-menu-trigger {

    cursor: pointer;

    margin-left: 30px;

    display: none;

}



.mobile-menu-trigger span {

    height: 2px;

    display: block;

    width: 35px;

    margin-bottom: 9px;

    background-color: #000;

}



.mobile-menu-trigger span:last-child {

    margin-bottom: 0;

}



.mobile-menu-container {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    background-color: #181818;

    z-index: 9999;

    opacity: 0;

    visibility: hidden;

    overflow-y: scroll;

    -ms-transform: translateX(100%);

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    overflow-x: hidden;

    -webkit-transition: .4s;

    transition: .4s;

}



#mobile-menu-wrap {

    display: block;

    height: 100%;

    width: 100%;

    position: absolute;

    right: 0;

    padding: 150px 50px 50px 50px;

}



#mobile-menu-wrap div {

    background-color: transparent;



}



.mobile-menu-container.menu-open {

    opacity: 1;

    visibility: visible;

    -ms-transform: translateX(0%);

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

}



.slicknav_nav, .slicknav_nav.slicknav_hidden {

    display: block !important;

    text-align: left;

    margin-top: 25px;

}



.slicknav_btn {

    display: none !important;

}



.slicknav_menu {

    padding-left: 0;

}



.slicknav_nav li a {

    display: block;

    border-bottom: 1px solid #ffffff14;

    font-weight: 400;

}



.slicknav_item.slicknav_row a {

    border-bottom: 0;

}



.slicknav_nav .slicknav_row, .slicknav_nav a {

    padding: 10px 0px;

    margin: 0;

}



.slicknav_nav .slicknav_arrow {

    font-size: 15px;

}



.slicknav_nav ul {

    margin: 0 0 0 25px;

}



.slicknav_nav .menu-item-has-children ul {

    margin-bottom: 20px;

}



.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover {

    background-color: transparent;

}



.slicknav_nav .slicknav_row:hover,

.slicknav_nav a:hover {

    border-radius: 0;

}



.slicknav_item.slicknav_row {

    display: inline-block;

    width: 100%;

    position: relative;

}



.slicknav_arrow {

    -webkit-transition: .3s;

    transition: .3s;

    right: 0;

    top: 17px;

    position: absolute;



}



.slicknav_nav a, .slicknav_row a {

    color: #ffffff;

    font-size: 20px;

    display: inline-block;

}



.mobile-menu-container li {

    opacity: 0;

    visibility: hidden;

    -ms-transform: translateX(1000px);

    -webkit-transform: translateX(1000px);

    transform: translateX(100px);

    -webkit-transition: 1s;

    transition: 1s;

}



.mobile-menu-container.menu-open li {

    opacity: 1;

    visibility: visible;

    -ms-transform: translateX(0);

    -webkit-transform: translateX(0);

    transform: translateX(0);

}



.mobile-menu-close {

    position: absolute;

    right: 50px;

    top: 50px;

    width: 30px;

    height: 30px;

    cursor: pointer;

    z-index: 1;

}



.mobile-menu-close::before {

    left: 15px;

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.mobile-menu-close::after {

    right: 13px;

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

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

    transform: rotate(-45deg);

}



.mobile-menu-close::before, .mobile-menu-close::after {

    position: absolute;

    height: 30px;

    width: 2px;

    background: #ffffff;

    content: '';

    top: 0;

}

/* MOBILE MENU ENDS*/



/* HEADER STARS */

.header-menu-bar{

    z-index: 10;

    position: relative;

    background-color: #e7e7e7;

}



.logo{

    position: absolute;
    background-color: white;
    width: 370px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 21px;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);

}



.main-menu-area.header-menu-area {

    z-index: 10; 

}



.menu-bar{

    height: 80px;

    display: flex;

    justify-content: end;

    align-items: center;

}



.main-navigation ul{

    margin-left: 20px;

}



.main-navigation ul li {

    display: inline-block;

    position: relative;

    padding: 10px 15px;

    transition: 0.5s;

}



.main-navigation ul li a {

    display: inline-block;

    text-transform: capitalize;

    color: #000;

    font-size: 18px;

    font-weight: 600;

    position: relative;

    z-index: 1;

    line-height: 26px;

    transition: 0.3s;

}



.main-navigation ul li a:hover{

    color: #1d9fdb;

}



.main-navigation ul li .active{

    color: #1d9fdb;

}



.main-navigation ul li a:hover:after{

    width: 100%;

}



.main-navigation ul ul li a{

    color: #000;

}



/* Submenu / Dropdown Menu CSS */

.main-navigation ul li ul {

    position: absolute;

    left: -235px;

    top: 58px;

    z-index: 2;

    -webkit-transition: .3s;

    transition: .3s;

    visibility: hidden;

    opacity: 0;

    margin: 0;

    padding: 0;

    list-style: none;

    background-color: #fff;

}



.main-navigation ul li:hover > ul {

    opacity: 1;

    visibility: visible;

}



.main-navigation ul li ul li a {

    line-height: 26px;

}



.main-navigation ul li ul li {

    display: block;

    text-align: left;

    padding: 14px 20px;

    border-bottom: 1px solid #e1e4f9;

}



.main-navigation ul li ul li:last-child{

    border-bottom: none;

}



.main-navigation ul li ul ul {

    left: 250px;

    top: 0;

}



/*  */

.primary {

    color: #000;

    background-color: transparent;

    border-color: transparent;

}



.primary:hover {

    color: #1d9fdb;

    background-color: transparent;

    border-color: transparent;

}



.primary:active {

    color: #000;

    background-color: transparent;

    border-color: transparent;

}



.primary:active:focus{

    box-shadow: none;

}



button.btn-close.text-reset {

    display: inline-block;

    position: absolute;

    top: 40px;

    right: 40px;

    font-size: 30px;

    color: #ffffff !important;

    background: none;

}



div#offcanvasTop {

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

    height: 100%;

    z-index: 9999;

}



.offcanvas-body{

    height: 100vh;

    width: 100%;

    display: flex;

    align-items: center;

    text-align: center;

    justify-content: center;

}



.offcanvas-body form{

    width: 100%;

}



.offcanvas-body form input[type="search"] {

    background: transparent;

    border-bottom: 3px solid #fff;

    width: 50%;

    border-top: none;

    border-left: none;

    border-right: none;

    font-size: 30px;

    color: #fff;

}



.offcanvas-body form i{

    color: #fff;

    font-size: 30px;

    margin-left: -40px;

}



.offcanvas-body form input::placeholder{

    color: #fff;

}

/* Submenu / Dropdown Menu CSS End */



/* header-menu-bar button-area */

.header-buttons-area {

    display: flex;

    height: 70px;

    align-items: center;

    justify-content: center;

    margin-right: 0px;

}



.header-buttons-area a {

    background: #1d9fdb;

    font-weight: 600;

    font-size: 14px;

    border-radius: 3px;

    color: #fff;

    padding: 13px;

    border: 2px solid #1d9fdb;

    transition: 0.5s;

    margin-left: 15px;

}



.header-buttons-area a i{

    font-size: 13px;

    margin-left: 5px;

}



.header-buttons-area a:hover{

    border: 2px solid #1d9fdb;

    background-color: #fff;

    color: #000;

}

/* header-menu-bar-button-area ends */



/* language */

.lang-select {

    display: flex;

    align-items: center;

}



select{

    font-weight: 700;

    border: none;

}

/* language */

/* HEADER AREA ENDS */



/* HOME PAGE HEADER STARTS */

/* home top header */

.home-top-header ul{

    background: rgb(0,129,255);

    background: linear-gradient(90deg, rgba(0,129,255,1) 0%, rgba(164,12,250,1) 100%, rgba(54,9,121,1) 100%);

    clip-path: polygon(0 0, 100% 0, 99% 100%, 1% 100%);

    width: 100%;

    justify-content: center;

}



.lang-select i{

    color: #fff;

}



.home-top-header ul li select{

    background-color: transparent;

    color: #fff;

    font-weight: 400;

}



.home-top-header ul li select option{

    background-color: #1d9fdb;

}

/* home top header */



/* home menu starts */

.home-logo{

    background-color: transparent;

}



.home-menu-bar{

    justify-content: center;

    z-index: 2;

}



.home-header-button{

    display: flex;

    align-items: center;

}



.home-header-button i{

    margin-right: 10px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 50%;

    text-align: center;

    font-size: 20px;

    color: #fff;

    background: rgb(0,129,255);

    background: linear-gradient(90deg, rgba(0,129,255,1) 0%, rgba(164,12,250,1) 100%, rgba(54,9,121,1) 100%);

}



.home-header-button ul li a{

    margin: 0;

    padding: 0;

    background: #fff;

    border: none;

    color: #1d9fdb;

}



.home-header-button ul li a:hover{

    border: none;

}



.home-menu-button a{

    background-color: #08203a;

    border: 2px solid #08203a;

}



.home-menu-button a:hover{

    border: 2px solid #08203a;

}

/* home menu ends */

/* HOME PAGE HEADER ENDS */



/* HOME THREE STARTS */

.home-three-header-top{

    background-color: #1d9fdb;

    padding: 10px 0;

    color: #fff;

}



.header-top-content-wrapper.home-three-top-header {

    text-align: center;

}



.home-three-header-button span i {

    color: #1d9fdb;

}

/* HOME THREE ENDS */





/* BANNER AREA STARTS */

.banner-content {

    width: 100%;

    height: auto;
    background-color: #1d9fdb;

}

.back {
    background: #0000004d;
      background: #0000004d;
    position: absolute;
    width: 100%;
    height: 100%;
}



.banner-image{

    background-size: cover;

    background-repeat: no-repeat;

/*    background-position: center center;*/

    height: 555px;

}



.banner-content-wrapper {
height: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    z-index: 999;
    position: relative;
        width: 60%;
    padding-top: 100px;

}



.banner-content-wrapper-two{

    text-align: right;

}



.banner-content-wrapper span {

    font-size: 22px;

    color: #fff;

    font-weight: 500;

}



.banner-content-wrapper h2 {

    font-size: 50px;

    font-weight: 600;

    color: #fff;

    line-height: 1;

    margin-top: 30px;

    margin-bottom: 40px;

}


.banner-content-wrapper p{font-size: 20px;color: #fff;}

.banner-button{

    display: inline-block;

    background-color: #1d9fdb;

    border: 2px solid #1d9fdb ;

    color: #fff;

    padding: 16px 35px;

    border-radius: 3px;

    font-size: 16px;

    font-weight: 600;

    transition: 0.5s;

}



.home-two-banner .banner-button{

    border: 2px solid;

}



.banner-button:hover{

    background-color: transparent;

    color: #fff;

    border: 2px solid #1d9fdb;

}



.banner-button i{

    font-size: 13px;

    margin-left: 10px;

}



.banner-right-image{

    background-position: center center;

    background-repeat: no-repeat;

}

/* slick */

#banner .slick-dots {

    bottom: 40px;

    width: 1300px;

    left: 49%;

    transform: translateX(-50%);

    text-align: left;

}



#banner .slick-dots button{

    display: block;

    padding: 0;

    border: 2px solid #fff;

    border-radius: 50%;

    width: 15px;

    height: 15px;

}



#banner .slick-dots li{

    border-radius: 50%;

    margin: 0 5px;

}



#banner .slick-dots li.slick-active button{

   background-color: #fff;

}



#banner .slick-dotted.slick-slider {

    margin-bottom: 0;

}

/* slick */

/* BANNER AREA ENDS */



/* HOME TWO BANNER STARTS */

.banner-content{

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;


}



.home-banner-left-content {

    width: 100%;

    height: 820px;

    display: flex;

    align-items: center;

}



.banner-subtitle{

    background: url('assets/images/banner-ring-image.html');

    color: #2844fb;

    background-size: contain;

    padding: 20px 30px;

    background-position: left center;

    background-repeat: no-repeat;

    font-size: 22px;

    line-height: 30px;

    font-weight: 500;

    margin-bottom: 30px;

    position: relative;

    display: inline-block;

}



.home-nanner-content-wrapper h3{

    color: #000;

    font-size: 100px;

    font-weight: 200;

    line-height: 70px;

}



.home-nanner-content-wrapper h2{

    color: #000;

    font-size: 100px;

    margin-bottom: 30px;

}



.hide-vbutton{

    position: relative !important;

    display: none;

}



.home-banner-button{

    display: flex;

}



.home-banner-button .banner-button{

    display: inline-block;

    background: linear-gradient(90deg, rgba(0,129,255,1) 0%, rgba(164,12,250,1) 100%, rgba(54,9,121,1) 100%);

    padding: 15px 30px;

    color: #fff;

}



.home-banner-button a.banner-button:hover{

    background: transparent;

    color: #000;

}



.home-banner-left-content a.banner-button:hover{

    color: #000;

}



.home-banner-button .read-more-link{

    display: inline-block;

    margin-left: 20px;

    margin-top: 0;

    color: #000;

    padding: 15px 30px;

    transition: 0.3s;

}



.home-banner-button .read-more-link:hover{

    text-decoration: underline;

}



.banner-right-image {

    height: 935px;

    display: flex;

    align-items: center;

}



.home-two-banner .slick-dots li{

    border-radius: 50%;

    background: transparent;

}



.home-two-banner .slick-dots button{

    display: block;

    padding: 0;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    border: 2px solid #1d9fdb !important;

}



.home-two-banner li.slick-active button{

    background: #1d9fdb !important;

}

/* HOME TWO BANNER ENDS */



/* HOME THREE BANNER STARTS */

.home-three-banner{

    position: relative;

    background: url('assets/images/home-three-banner-bg.html');

    background-position: right;

    background-repeat: no-repeat;

    background-size: cover;

}



.home-nanner-content-wrapper span {

    font-size: 20px;

    font-weight: 600;

    color: #000;

    margin-left: 10px;

    margin-bottom: 20px;

    display: inline-block;

}



.home-three-nanner-vedio {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 70px;

}



.home-three-vedio-image{

    position: relative;

}



.home-three-image-button{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.home-three-image-button a{

    position: relative;

    background-color: #fff !important;

    width: 60px !important;

    height: 60px !important;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

}



.home-three-image-button a i.fas.fa-play {

    color: #1d9fdb !important;

    font-size: 15px;

}



.home-three-image-button a:after {

    content: '';

    position: absolute;

    border: 20px solid #fff !important;

    border-radius: 50%;

    top: -20px;

    left: -20px;

    bottom: -20px;

    right: -20px;

    animation: home-three-anim 1.5s linear infinite;

    opacity: 0;

}



@keyframes home-three-anim{

    0%{transform: scale(.5);}

    50%{opacity: 1;}

    100%{transform: scale(.7) !important;}



}



.home-three-banner .slick-dots {

    bottom: 65px !important;

}



.home-three-banner .slick-dots li{

    border-radius: 50%;

    background: transparent;

}



.home-three-banner .slick-dots button{

    display: block;

    padding: 0;

    width: 14px;

    height: 14px;

    border-radius: 50%;

    border: 2px solid #1d9fdb !important;

}



.home-three-banner li.slick-active button{

    background: #1d9fdb !important;

}



.slick-dots li button:before {

    font-size: 0px;

    border: none;

}

/* HOME THREE BANNER ENDS */



/* FEATURES STARTS */

#features{

    position: relative;

    padding: 80px 0;

    background-color: #f7f7f9;

}



.common-title{

    text-align: center;

    width: 50%;

    margin: 0 auto;

}



.common-title span{

    color: #1d9fdb;

    font-size: 24px;

    font-weight: 600;

}



.common-title h4{

    color: black;

    font-size: 45px;

    font-weight: 600;

}



.f-sun {

    position: absolute;

    top: 15%;

    left: 8%;

}



img.f-moon {

    position: absolute;

    bottom: -40px;

    left: 16%;

}



img.f-rictangle {

    position: absolute;

    bottom: 80px;

    right: 80px;

}



img.f-doot {

    position: absolute;

    top: 15%;

    right: 9%;

}



.features-content {

    margin-top: 50px;

    text-align: center;

    background-color: #fff;

    padding: 20px 0;

    box-shadow: 5px 8px 15px rgba(0, 0, 0, 0.1);

    transition: 0.5s;

}



.features-content:hover{

    background-color: #1d9fdb;

    color: #fff;

}



.features-content:hover .features-icon i{

    color: #fff;

}



.features-icon i{

    color: #1d9fdb;

    font-size: 70px;

    transition: 0.5s;

}



.features-content span {

    font-size: 14px;

    font-weight: 600;

}

/* FEATURES ENDS */



/* ABOUT STARTS */

#about{

    padding: 125px 0;

}



.about-container{

    position: relative;

    height: 100%;

}



.about-container .a-image-three{

    height: auto;

}



img.a-image-one {

    position: absolute;

    top: 70px;

    left: 0;

}



img.a-image-two {

    position: absolute;

    top: 0;

    right: 0;

}



img.a-image-three {

    position: absolute;

    top: 362px;

    right: 94px;

}



img.a-image-four {

    position: absolute;

    top: 500px;

    left: 20px;

}



.about-content-wrapper{

    background-image: url('assets/images/a-bg-image.png');

    background-repeat: no-repeat;

    background-position: right;

    height: 680px;

    margin-left: 50px;

}



.about-title{

    text-align: left;

    width: 100%;

}



.about-counter {

    display: flex;

    align-items: center;

    justify-content: space-around;

}



.experience{

    display: flex;

    align-items: center;

}



.counter{

    font-size: 27px;

    font-weight: 600;

}



.experience h2{

    font-size: 110px;

    font-weight: 600;

    color: #1d9fdb;

}



.experience span{

    font-size: 24px;

    font-weight: 500;

    margin-left: 15px;

}



.about-details p{

    font-size: 18px;

}



.a-key-points {

    margin: 40px 0;

}



.a-key-points ul li {

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 20px;

}



.a-key-points ul li i {

    background-color: #1d9fdb;

    border-radius: 50%;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin-right: 10px;

}



.about-button a{

    display: inline-block;

    background-color: #1d9fdb;

    border: 2px solid #1d9fdb;

    padding: 15px 30px;

    color: #fff;

    transition: 0.5s;

}



.about-button a i{

    font-size: 12px;

    margin-left: 10px;

}



.about-button a:hover{

    border: 2px solid #1d9fdb;

    background-color: #fff;

    color: #1d9fdb;

}

/* ABOUT ENDS */





/* SERVICE STARTS */

#service{

    position: relative;

    padding-bottom: 155px;

    background: url('assets/images/s-bg-image.png');

    background-repeat: no-repeat;

    background-position: left bottom;

    background-size: contain;

}



.service-slider{

    margin-top: 50px;

}



.s-icon {

    position: absolute;

    bottom: 80px;

    right: 80px;

}



.service-content{

    position: relative;

    margin: 10px;

}



.service-image img {

    width: 100%;

}



.service-desc {

    background: #1d9fdb;

    width: 350px;

    height: 80px;

    position: absolute;

    bottom: 25px;

    right: 0;

    display: flex;

    align-items: center;

    border-top-left-radius: 35px;

    border-bottom-left-radius: 35px;

}



.service-desc ul li a{

    display: inline-block;

    color: #fff;

    font-size: 24px;

    font-weight: 600;

    margin-left: 10px;

    display: flex;

    align-items: center;

}



.service-desc ul li a i {

    display: inline-block;

    background: #fff;

    color: #1d9fdb;

    font-size: 35px;

    margin-right: 20px;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 50%;

}



/* slick */

#service .slick-dots {

    bottom: -50px;

    width: 100%;

    text-align: center;

    left: 0;

}



#service .slick-dots li.slick-active button {

    background: #1d9fdb;

}



#service .slick-dots button {

    display: block;

    padding: 0;

    border: 2px solid #1d9fdb;

    width: 15px;

    height: 15px;

    border-radius: 50%;

}

.home-profession-content {
    margin-top: 50px;
    box-shadow: 2px 8px 30px #e1e4f9;
    padding: 35px;
    text-align: center;
}
.home-profession-content h6 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
}
.home-profession-content a {
   
    color: #1d9fdb;
    padding: 10px;
    margin-top: 10px !important;
    box-shadow: 2px 8px 30px #e1e4f9;
}
.more {
    margin-top: 20px;
}
#service .slick-dots li{

    border-radius: 50%;

    margin: 0 5px;

}

/* slick */

/* SERVICE ENDS */



/* GLOBAL AREA STARTS */

#global{
    padding: 125px 0;
    background: url('assets/images/global-bg.jpg');
    background-size: cover;
    background-position: center;

}



.global-content span {

    color: #1d9fdb;

    font-size: 22px;

    font-weight: 600;

}



.global-content h4 {

    color: #fff;

    font-size: 45px;

    font-weight: 600;

    margin-right: 25px;

    margin-top: 20px;

}



.global-content p {

    color: #fff;

    font-size: 18px;

    margin: 30px 105px 30px 0;

}



.global-content a {

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    transition: 0.3s;

}



.global-content a i{

    font-size: 12px;

}



.global-content a:hover{

    color: #1d9fdb;

}



.global-image img{

    width: 100%;

}



.global-image{

    position: relative;

}

/* video button */

.global-image-button {

    position: absolute;

    top: 60%;

    left: 30%;

}



.button-position{

    display: flex;

    justify-content: end;

    align-items: center;

  

  }

  

  i.fas.fa-play {

      color: #000;

      font-size: 20px;

  }

  

  a.hv-popup-link{

      position: relative;

      background-color: #1d9fdb;

      width: 80px;

      height: 80px;

      border-radius: 50%;

      display: flex;

      align-items: center;

      justify-content: center;

      text-decoration: none;

  }

  

  a.hv-popup-link:after{

      content: '';

      position: absolute;

      border: 30px solid #1d9fdb;

      border-radius: 50%;

      top: -20px;

      left: -20px;

      bottom: -20px;

      right: -20px;

      animation: anim 1.5s linear infinite;

      opacity: 0;

  }

  

  @keyframes anim{

      0%{transform: scale(.5);}

      50%{opacity: 1;}

      100%{transform: scale(1);}

  

  }

/* video button */



.global-collumn-content {

    margin-top: 95px;

    text-align: center;

    background: url(assets/images/g-c-image-01.jpg);

    padding: 50px;

    transition: 0.5s;

    border-bottom: 3px solid;

}



.global-collumn-content:hover{

    border-bottom: 3px solid #1d9fdb;

}



.collumn-two{

    background: url(assets/images/g-c-image-02.jpg);

}



.global-collumn-content span{

    font-size: 22px;

    font-weight: 500;

    color: #fff;

}



.global-collumn-content lord-icon {

    color: #1d9fdb;

    margin: auto;

    display: block;

    text-align: center;

    width: 75px;

    height: 75px;

}



.read-more-link {

    display: block;

    color: #948ba3;

    margin-top: 30px;

    transition: 0.3s;

    font-size: 22px;

}



.read-more-link:hover{

    color: #1d9fdb;

}



.read-more-link i {

    display: inline-block;

    margin-left: 10px;

    font-size: 15px;

}

/* GLOBAL AREA ENDS */





/* POPULAR AREA STARTS */

#popular{

    padding: 125px 0;

    position: relative;

}



div#popular-slider {

    height: 390px;

    margin-top: 50px;

    position: relative;

    overflow: hidden;

    padding: 0;

}



.popular-imamg-one{

    position: absolute !important;

    left: 0;

    z-index: 3;

    transition: left 0.5s ease 0s;

}



.popular-imamg-two {

    position: absolute;

    left: 222px;

    z-index: 2;

    transition: left 0.5s ease 0s;

}



.popular-imamg-three {

    position: absolute;

    left: 444px;

    z-index: 1;

    transition: left 0.5s ease 0s;

}



.popular-imamg-four {

    position: absolute;

    left: 666px;

    z-index: 0;

    transition: left 0.5s ease 0s;

}



.popular-image-content {

    position: absolute;

    bottom: 60px;

    left: 50px;

}



.popular-image-content p{

    background-color: #1d9fdb;

    text-align: center;

    padding: 13px 20px;

    display: inline-block;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 0;

}



.popular-image-content a{

    display: block;

    background-color: #fff;

    color: #000;

    text-align: center;

    padding: 10px 25px;

    font-size: 22px;

    font-weight: 600;

}

/* POPULAR AREA ENDS */





/* SKILL AREA STARTS */

#skill{

    padding-bottom: 100px;

    position: relative;

}



.skill-icon-one{

    position: absolute;

    right: 80px;

    top: 80px;

}



.skill-icon-two{

    position: absolute;

    left: 80px;

    bottom: -60px;

}



.skill-title{

    text-align: left;

    width: 100%;

}



.skill-title h4{

    margin: 20px 0;

}



.skill-content-wrapper ul li{

    font-size: 18px;

    margin: 20px 0;

}



.skill-content-wrapper ul li i{

    color: #1d9fdb;

    font-size: 16px;

    margin-right: 10px;

}



.skill-button a{

    padding: 15px 45px;

    margin-top: 30px;

}



.skill-content-right{

    position: relative;

}



.skill-span{

    text-align: center;

    width: 250px;

    height: 300px;

    box-shadow: 5px 8px 30px -10px hsl(246, 17%, 67%);

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 30px;

    background: #fff;

}



.skill-progress .success-stroke {

    stroke: #1d9fdb;

}



.skill-span span{

    font-size: 20px;

    font-weight: 600;

    display: inline-block;

    margin-top: 20px;

}



.skill-content-two{

    position: absolute;

    top: 100px;

    right: 0;

}



.skill-content-four{

    position: absolute;

    bottom: 0;

    right: 40px;

}



.circle-content{

    position: relative;

    width: 200px;

    height: 200px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    }

    

    .circle-logo{

    position: absolute;

    width: 150px;

    height: 150px;

    border-radius: 50%;

    background: url('assets/images/skill-logo.png');

    background-size: cover;

    /* filter: brightness(1.5) contrast(1.5); */

    }

    

    .textc{

    position: absolute;

    width: 100%;

    height: 100%;

    }

    

    .textc span{

     position: absolute;

     left: 50%;

     font-size: 18px;

     font-weight: 500;

     transform-origin: 0 100px;

    }   

/* SKILL AREA ENDS */



/* STATISTICS STARTS */

#statistics{

    padding-top: 80px;

    padding-bottom: 80px;

    background-color: #f7f7f9;

}



.statistics-content{

    /*margin-top: 50px;*/

    padding: 30px 40px;

    transition: 0.5s;

    border-right: 2px solid rgba(0, 0, 0, 0.1);

}



.statistics-content:hover{

    background-color: #fff;

    box-shadow: 5px 8px 15px rgba(0, 0, 0, 0.3);

}



.statistics-content i{

    background-color: #1d9fdb;

    border-radius: 50%;

    padding: 10px;

    color: #fff;

}



.skill-counter h2{

    color: #1d9fdb;

    font-size: 85px;

    font-weight: 500;

    margin: 20px 0;

}



.skill-counter h2::after{

    content: '+';

    color: #1d9fdb;

}



.skill-counter-two h2::after{

    content: '%';

    color: #1d9fdb;

}



.skill-counter-three h2::after{

    content: 'k';

    color: #1d9fdb;

}



.counter-text p {

    font-size: 20px;

    font-weight: 400;

    line-height: 1;

    margin-bottom: 0;

    letter-spacing: 2px;

}

/* STATISTICS ENDS */





/* CHOOSE SECTION STARTS */

#choose{

    position: relative;
    background: #f7f7f9;

}



.blank-bg{

    position: absolute;

    width: 100%;

    height: 300px;

    background-color: #f7f7f9;

    z-index: -1;

}



.choose-image-wrapper{

    height: 100%;

    width: 45%;

    position: absolute;

    top: 0;

    left: 0;

}



.choose-image-container {

    margin-bottom: 50px;

}



.choose-image{

    position: relative;

    height: 100%;

    width: 100%;

    margin-bottom: 50px;

}



.choose-image img{

    height: 100%;

    width: 100%;

}



.choose-image-content {

    position: absolute;

    background-color: #1d9fdb;

    padding: 18px;

    color: #fff;

    text-align: center;

    width: 330px;

    bottom: 25px;

    right: 30px;

}



.choose-image-content span{

    display: inline-block;

    width: 275px;

    height: 2px;

    margin-bottom: 10px;

    background-color: #ddd;

}



.choose-image-content ul li img {

    margin-right: 15px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

}



.choose-image-content p{

    font-size: 17px;

    font-weight: 500;

    margin-bottom: 2px solid #ddd;

}



.choose-image-content p::before{

    content: open-quote;

    font-size: 30px;

}



.choose-image-content p::after{

    content: close-quote;

    font-size: 30px;

}



.choose-right-container{

    margin-top: 120px;

}



.choose-right-content {

    margin-top: 90px;

    margin-bottom: 40px;

}



.choose-title{

    width: 100%;

    text-align: left;

}



.choose-right-content ul li{

    margin-bottom: 20px;

}



.choose-right-content ul li i {

    display: block;

    color: #1d9fdb;

    font-size: 60px;

    position: absolute;

}



.choose-right-content ul li p{

    display: inline-block;

    margin-left: 80px;

    font-size: 24px;

    font-weight: 600;

}



.choose-right-content ul li p span{

    display: inline-block;

    font-size: 16px;

    margin-top: 10px;

}

/* CHOOSE SECTION ENDS */





/* BRAND AREA STARTS */

#brand{

    background: #ffffff;

    padding: 80px 0;

}



#brand button.slick-arrow {

    display: none !important;

}



.brand-title h4 {

    color: #1d9fdb;

    font-size: 32px !important;

    font-weight: 600;

    text-align: center;

    margin-bottom: 40px;

}



.brand-image{

   text-align: center;

}



.brand-image img{

    display: inline-block;

}

/* BRAND AREA ENDS */





/* TESTIMONIALS STARTS */

#testimonial{

    padding: 60px 0;

    position: relative;


}



.tc-icon-one {

    position: absolute;

    left: 200px;

    bottom: 80px;

}



.tc-icon-two {

    position: absolute;

    top: 80px;

    right: 200px;

}



.testimonial-container{

    display: flex !important;

    justify-content: center;

}



.testimonial-content {

    margin-top: 50px;

    padding: 20px 50px;

    background-color: #f7f7f9;

    width: 50%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.testimonial-content .blank{

    display: inline-block;

    width: 100%;

    height: 2px;

    background-color: #ddd;

    margin: 20px 0;

}



.customer-comment {

    margin-top: 100px;

    margin-left: 10px;

    margin-right: 10px;

}



.customer-comment p{

    font-size: 24px;

    margin-top: 30px;

}



.customer-info{

    display: flex;

    margin: 0 10px;

}



.customer-info i {

    color: #1d9fdb;

    font-size: 65px;

    margin-right: 30px;

    line-height: 65px;

}



.customer-info ul li span{

    font-size: 24px;

    font-weight: 600;

}



#testimonial .slick-prev:before {

    content: ' \276E';

}



#testimonial .slick-next:before{

    content: '\276F';

}



#testimonial .slick-prev:before, .slick-next:before {

    font-size: 15px;

    line-height: 1;

    color: #000;

}



#testimonial .slick-prev {

    left: -180px;

}



#testimonial .slick-next {

    right: -180px;

}



#testimonial .slick-prev, .slick-next {

    width: 60px;

    height: 60px;

    border: 2px solid #ddd;

    border-radius: 50%;

    background: #1d9fdb;

    z-index: 1;

}



#testimonial .slick-prev:hover{

    background: transparent;

    border: 2px solid #ddd;

}



#testimonial .slick-dots {

    top: -20px;

    width: 400px;

    left: 0px;

    text-align: left;

    display: flex;

}



#testimonial .slick-dots li{

    margin-right: 80px;

}



#testimonial .slick-dots #slick-slide-control30{

    background: url('assets/images/tc-image1.png');

    width: 80px;

    height: 80px;

    border-radius: 50%;

}



#testimonial .slick-dots #slick-slide-control31{

    background: url('assets/images/tc-image2.png');

    width: 80px;

    height: 80px;

    border-radius: 50%;

    background-size: cover;

}



#testimonial .slick-dots #slick-slide-control32{

    background: url('assets/images/tc-image3.png');

    width: 80px;

    height: 80px;

    border-radius: 50%;

}



#testimonial .slick-dots li button:before {

   display: none;

}

/* TESTIMONIALS ENDS */





/* BLOG STARTS */

#blog{

    padding: 115px 0;

    background: url('assets/images/blog-bg.jpg');

}



.blog-title{

    text-align: left;

    margin-bottom: 50px;

    width: 100%;

    display: flex;

    justify-content: space-between;

}



.blog-content{

    background-color: #fff;

    margin-bottom: 30px;

    transition: 0.3s;

    box-shadow: 2px 8px 15px rgba(0, 0, 0, 0.1);

}



#home-three-blog .blog-content{

    margin-top: 50px;


}



#blog .blog-content{

    margin-bottom: 30px;

    box-shadow: 2px 8px 15px rgba(0, 0, 0, 0.1);

}



.blog-image{

    width: 100%;

    

}



.blog-image img{

    width: 100%;

    height: 220px;

}



.blog-info{

    padding: 30px 40px;

}



.blog-info-time{

    display: flex;

    align-items: center;

}



.blog-info-time ul li i{

    margin-right: 5px;

}



.blog-info-link{

    display: inline-block;

    background-color: #1d9fdb;

    color: #fff;

    letter-spacing: 2px;

    padding: 5px 10px;

    margin-right: 15px;

    border: 1px solid #1d9fdb;

    transition: 0.3s;
    height: 90px;

}



.blog-info-link:hover{

    background-color: transparent;

    border: 1px solid #1d9fdb;

}



.blog-content h5 a{

    display: inline-block;

    color: #000;

    font-size: 25px;

    margin-top: 20px;

    margin-bottom: 0;

}



.blog-content h5 a:hover{

    color: #1d9fdb;

}

/* BLOG ENDS */





/* SOLUTION STARTS */

#solution{

    background: url('assets/images/sulotion-bg.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    padding: 95px 0;

}



.solution-title {

    text-align: center;

    color: #fff;

}



.solution-title span {

    font-size: 22px;

    font-weight: 600;

}



.solution-title h4 {

    font-size: 45px;

    font-weight: 600;

}



.solution-title a {

    display: inline-block;

    font-size: 18px;

    font-weight: 600;

    color: #000;

    background-color: #1d9fdb;

    border: 2px solid #1d9fdb;

    padding: 15px 40px;

    margin-top: 14px;

    transition: 0.5s;

}



.solution-title a i{

    font-size: 13px;

    margin-left: 10px;

}



.solution-title a:hover{

    border: 2px solid #1d9fdb;

    background-color: transparent;

    color: #fff;

}

/* SOLUTION ENDS */





/* FOOTER STARTS */

footer{

    position: relative;

    padding-top: 80px;
    background: #f5f8fb !important;

}

.footer-main{

    padding: 0 90px;

}

.footer-logo {

    
    width: 300px;

}



.footer-circle-icon {

    position: absolute;

    top: 85px;

    left: 85px;

}



.footer-plan-one{

    position: absolute;

    top: 85px;

    right: 85px;

}



.footer-plan-two{

    position: absolute;

    bottom: 160px;

    right: 85px;

}



.footer-wrapper p {

    color: black;

    font-size: 16px;

    margin: 20px 0;

    

}



.footer-media-icon ul{

    display: flex;

}



.footer-media-icon ul li{

    margin-right: 10px;

}



.footer-media-icon ul li a{

    display: inline-block;

    color: rgb(255 255 255) !important;

    background-color: #1d9fdb !important;

    width: 40px !important;
    padding: 12px;

    

    text-align: center;

    border-radius: 20% !important;

    transition: 0.5s;

}



.footer-media-icon ul li a:hover{

    background-color: #100d17 !important;

    color: rgb(156 153 160) !important;

}



.footer-content{

    margin-left: 40px;

    margin-bottom: 80px;

}



.footer-content h5{

    font-size: 22px;

    font-weight: 600;

    color: black;

}



.footer-content ul{

    margin-top: 20px;

}



.footer-content ul li {

    margin-bottom: 10px;

}



.footer-content ul li a{

    color: black;

   /* display: inline-block;*/

    border-bottom: 1px solid transparent;

    transition: 0.3s;

}



.footer-content ul li a:hover{

    color: #1d9fdb;

    border-bottom: 1px solid #1d9fdb;

}



.footer-content ul li i {

    color: #1d9fdb;

    margin-right: 15px;

}



.footer-mail {

    margin-top: 30px;

}



.form-single{

    position: relative;

    display: inline-block;

    background-color: #1d9fdb;

    border: 2px solid #1d9fdb;

}



.form-single-button {

    background-color: #1d9fdb;

    border: none;

    right: 25px;

    position: absolute;

    top: 20px;

}



.footer-mail input {

    color: #ffffff;

    display: inline-block;

    background-color: #1d9fdb;

    border: 2px solid #1d9fdb;

    padding: 15px 20px;

}



.footer-mail input:-webkit-autofill,

.footer-mail input:-webkit-autofill:hover,

.footer-mail input:-webkit-autofill:focus,

.footer-mail input:-webkit-autofill:active{

    box-shadow: 0 0 0 30px #1d9fdb inset !important;

    transition: 0s;

    border: 2px solid #1d9fdb;

    color: #ffffff;

    -webkit-text-fill-color: #ffffff !important;

}



.footer-mail input::placeholder{

    color: #fff;

}



.footer-mail i:focus{

    color: #1d9fdb;

}



.footer-mail i{

    color: #fff;

    position: absolute;

}



.footer-bottom{

    background-color: #100d17;

    padding: 20px;
    border-top: 4px solid #1d9fdb;

}



.copyright p{

    color: #a6a3aa;

    margin-bottom: 0;

}



.footer-bottom-menu {

    display: flex;

    justify-content: end;

}



.footer-bottom-menu ul{

    display: flex;

}



.footer-bottom-menu ul li{

    margin-left: 20px;

}



.footer-bottom-menu ul li a{

    display: inline-block;

    color: #a6a3aa;

    border-bottom: 1px solid #000;

    transition: 0.5s;

}



.footer-bottom-menu ul li a:hover{

    display: inline-block;

    color: #1d9fdb;

    border-bottom: 1px solid #1d9fdb;

}





.scroll-to-top-visible {

    opacity: 1;

    visibility: visible;

    background-color: #1d9fdb;

    height: 50px;

    width: 50px;

    text-align: center;

    line-height: 50px;

    position: fixed;

    right: 50px;

    bottom: 80px;

    cursor: pointer;

    font-size: 25px;

    color: #fff;

    z-index: 100;

    

}



.scroll-to-top.scroll-to-top-visible {

    opacity: 1;

    visibility: visible;

}


/* FOOTER ENDS */





/* ******************************** ABOUT PAGE STARTS ******************************************* */

.about-banner-content{

    position: relative;

}



.about-banner-image img{

    width: 100%;

}



.about-banner-wrapper{

    position: absolute;

    width: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

}



.about-banner-wrapper h2{

    font-size: 50px;

    font-weight: 600;

    color: #fff;

}



.about-banner-wrapper span{

    font-size: 28px;

    font-weight: 500;

    color: #fff;

    

}



.about-banner-wrapper span a{

    font-size: 28px;

    font-weight: 500;

    color: #fff;

}



.about-banner-wrapper span a:hover{

    text-decoration: underline;

}



.about-banner-wrapper span i{

    margin: 0 15px;

}



/* ABOUT COMPANY STARTS */

#about-company{

    padding: 65px 0;

}



/*.about-company-right-content {

    margin-top: 50px;

}*/



.about-company-right-content .nav .nav-item a{

    display: inline-block;

    padding: 15px;

    background-color: #fff;

    box-shadow: 2px 8px 15px rgba(0, 0, 0, 0.1);

    margin: 20px 10px;

    margin-left: 0;

    transition: 0.5s;

}



.about-group-button a i{

    font-size: 12px;

    margin-left: 5px;

}



.about-company-right-content .nav-tabs {

    position: relative;

    border-bottom: none;

    margin-top: 0px;

    margin-bottom: 0;

    padding: 0;

}



.about-company-right-content .tab-content .container{

    padding-left: 0;

}



.about-company-right-content{

    margin-left: 0;

}

  /* tab end */



.about-group-button a:hover{

    background-color: #1d9fdb;

    color: #fff;

}



.about-company-contant{

    position: relative;

    height: 600px;

}



.ac-image-one {

    position: absolute;

    top: 170px;

    right: -50px;

}



.ac-image-two {

    position: absolute;

    top: 70px;

    right: -138px;

}



.ac-bg-image{

    position: absolute;

    z-index: -1;

}



.ac-content {

    position: absolute;

    left: 60px;

    bottom: -50px;

    background-color: #fff !important;

    padding: 20px 50px;

    box-shadow: 2px 8px 15px rgb(0 0 0 / 10%);

    background: url('assets/images/ac-content-bg.png');

    background-position: top right;

    background-repeat: no-repeat;

    

}



.ac-content h3{

    color: #1d9fdb;

    font-size: 65px;

    font-weight: 600;

}



.ac-content span{

    font-size: 20px;

    font-weight: 500;

}



.ac-content ul{

    display: flex;

}



.ac-content ul li{

    margin-right: 10px;

}



.ac-content ul li i{

    color: #ff9c00;

}

/* ABOUT COMPANY ENDS */





/* ABOUT CHOOSE STARTS */

#about-choose{

    padding-top: 60px;

    padding-bottom: 125px;

}



.about-choose-left-content{

    position: relative;

}



.about-choose-progress {

    position: absolute;

    top: 462px;

    left: 100px;

    width: 530px;

    height: 210px;

    border-radius: 0;

    background: #1d9fdb;

    display: flex;

    justify-content: space-around;

    padding-top: 10px;

}



.baout-choose-right-container {

    margin-left: 50px;

    margin-top: 0;

}

/* ABOUT CHOOSE ENDS */





/* ABOUT TEAM STARTS */

.about-team-bg {

    margin-top: 0 ;

}



.about-team-wrapper {

    margin-top: -500px !important;

}



.about-team-member {

    margin-top: 60px;

}

/* ABOUT TEAM ENDS */



/* ABOUT STATISTIC */

.about-statistic{

    background-color: #fff !important;

    padding-bottom: 125px !important;

}



/* ABOUT STATISTIC */



/* ABOUT TESTIMONIAL */

.about-testimonial{

    margin-top: 0 !important;

}



.about-testimonial-title{

    margin-top: 0;

}

/* ABOUT TESTIMONIAL */



/* ABOUT BRAND */

.about-brand{

    padding: 0 !important;

}



.about-brand-content{

    border-bottom: none;

}

/* ABOUT BRAND */



/* ABOUT FOOTER */

.about-footer{

    background-color: #08203a;

}

/* ABOUT FOOTER */

/* ******************************** ABOUT PAGE ENDS ******************************************* */





/* ******************************** BLOG PAGE STARTS ***************************************** */

section.blog {

    background: #f7f7f9 !important;

}



.blog-paigination ul{

    margin-top: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.blog-paigination ul li{

    margin: 0 12px;

}



.blog-paigination ul li a{

    display: inline-block;

    font-size: 20px;

    font-weight: 600;

    color: #000;

    transition: 0.5s;

}



.blog-paigination ul li a i{

    display: inline-block;

    color: #000;

    transition: 0.5s;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border-radius: 50%;

}



.blog-paigination ul li a:hover{

    color: #0c63e4;

    text-decoration: underline;

}



.blog-paigination ul li a i:hover{

    background-color: black;

   

    color: #fff;

}

/* blog brand */

.blog-brand{

    padding: 0 !important;

}

/* blog brand */

/* ******************************** BLOG PAGE ENDS ***************************************** */





/* ******************************** BLOG DETAILS STARTS *********************************** */

.blog-details{

    padding: 125px 0;

}



.blog-details-image img{

    width: 100%;

}



.blog-detais-info{

    padding: 40px 50px 50px 50px;

    background-color: #f7f7f9;

}



.blog-details-info-time {

    display: flex;

}



.blog-details-info-time ul{

    display: flex;

    margin-bottom: 15px;

}



.blog-details-info-time ul li{

    margin-right: 20px;

}



.blog-details-info-time ul li a{

    display: inline-block;

    font-size: 14px;

    line-height: 25px;

    text-transform: uppercase;

    font-weight: 600;

    color: black;

}



.service-left-category-f{

    background-color: #1d9fdb !important;

}



.service-left-category-f a{

    color: #fff !important;

}



.service-left-category-f a:hover{

    background-color: black !important;

}



.service-left-category-s{

    background-color: black !important;

}



.service-left-category-s a{

    color: #fff !important;

}





.blog-details-info-time ul li a:hover{

    color: #1d9fdb;

}



.blog-details-info-time ul li i{

    color: #1d9fdb;

    margin-right: 10px;

}



.blog-detais-info h5 a{

    margin-top: 0;

    font-size: 36px;

    line-height: 44px;

    font-weight: 600;

    word-break: break-word;

    margin-bottom: 20px;

    color: black;

}



.blog-detais-info h5 a:hover{

    color: #1d9fdb;

}



.blog-detais-info p{

    color: #777181;

    font-size: 18px;

    line-height: 30px;

}



.blog-detais-info .read-more-link{

    display: inline-block;

    background-color: #1d9fdb;

    color: #fff;

    padding: 15px 30px;

    border-radius: 3px;

    border: 2px solid #1d9fdb;

    transition: 0.3s;

}



.blog-detais-info .read-more-link:hover{

    background-color: transparent;

    border: 2px solid #1d9fdb;

    color: #000;

}



.blog-details-content{

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    margin-bottom: 50px;

}



.blog-details-content:last-child{

    margin-bottom: 0;

}



.blog-details-content img{

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.blog-details-slider img{

   width: 100%;

}



.blog-details-slider .slick-dots {

    bottom: 5px;

}



.blog-details-slider .slick-dots button{

    display: block;

    padding: 0;

    border: 2px solid #fff;

    border-radius: 50%;

    width: 15px;

    height: 15px;

}



.blog-details-slider .slick-dots li{

    border-radius: 50%;

    margin: 0 5px;

}



.blog-details-slider .slick-dots li.slick-active button{

   background-color: #fff;

}



.slick-dotted.slick-slider {

    margin-bottom: 0;

}



.blog-details .service-left-category {

    margin: 0 0 50px 0;

    border-radius: 5px;

    background-color: #f7f7f9;

}



.blog-details .service-left-category form{

    position: relative;

}



.blog-details .service-left-category form input{

    padding: 20px;

    border: none;

    width: 100%;

    font-size: 18px;

}



.blog-details .service-left-category form button{

    width: 45px;

    height: 45px;

    background-color: #1d9fdb;

    border: none;

    position: absolute;

    top: 10px;

    right: 10px;

    border-radius: 5px;

}



.blog-details .service-left-category form button i{

    color: #fff;

}



.blog-tags a{

    font-size: 13px;

    text-transform: uppercase;

    display: inline-block;

    margin-right: 5px;

    padding: 10px 16px;

    border-radius: 5px;

    margin-bottom: 10px;

    color: black;

    font-weight: 600;

    background-color: #fff;

    border: 1px solid #dddddd8f;

    transition: 0.3s;

}



.blog-tags a:hover{

    background: #1d9fdb;

    color: #fff;

}



.recent-post ul li{

    display: flex;

    background-color: transparent !important;

    margin-bottom: 30px !important;

}



.recent-post ul li img{

    border-radius: 10px;

}



.recent-post ul li a{

    padding: 0 !important;

    margin-left: 20px;

    margin-bottom: 10px;

}



.recent-post ul li span{

    margin-left: 20px;

    color: #1d9fdb;

}



.recent-post ul li a:hover{

    background-color: transparent !important;

    color: #1d9fdb !important;

}



.bd-contact{

    background: url('assets/images/bd-contact-bg.html');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

    color: #fff;

}



.bd-contact-overlay{

    background: linear-gradient(135deg,#2844fb,#8d03ff);

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    opacity: .85;

}



.bd-contact h6{

    position: relative;

}



.bd-contact ul{

    position: relative;

}



.bd-contact ul li i{

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    text-align: center;

    background-color: rgba(255, 255, 255, 0.1);

}



.bd-contact ul li a, .bd-contact ul li span{

    color: #fff !important;

    border-bottom: 2px solid transparent;

}



.bd-contact ul li a:hover{

    color: #fff !important;

    border-bottom: 2px solid #fff;

}



.bd-rpd{

    display: block;

    font-weight: 600;

    font-size: 22px;

}



.blog-details-left-image{

    padding-top: 60px;

    height: 100%;

}



.blog-details-left-image img{

    height: 100%;

}



.blog-details-right-wrapper h5{

    margin-top: 50px;

    font-size: 35px;

    font-weight: 600;

}



.blog-details-right-wrapper ul li{

    position: relative;

    margin: 15px 0 15px 60px;

    font-size: 18px;

    color: #777181;

    line-height: 30px;

}



.blog-details-right-wrapper ul li i{

    display: inline-block;

    background-color: #f7f7f9;

    color: #000;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: absolute;

    left: -60px;

    top: 10px;

    border-radius: 5px;

    transition: 0.3s;

}



.blog-details-right-wrapper ul li:hover i{

    background-color: #1d9fdb;

    color: #fff;

}



.blockquote{

    background-color: #f7f7f9;

    padding: 30px;

    border-left: 4px solid #1d9fdb;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    margin: 50px 0;

}



.blockquote p{

    position: relative;

    z-index: 1;

    font-style: italic;

    line-height: 35px;

}



.blockquote i {

    position: absolute;

    top: -40px;

    left: 10px;

    font-size: 130px;

    color: #1d9fdb;

    opacity: 0.1;

}



.blockquote span{

    font-style: italic;

    font-weight: 500;

}



.bdc-wrapper h3{

    font-size: 35px;

}



.bdc-wrapper p{

    font-size: 18px;

    line-height: 30px;

}



.blog-details #accordion{

    margin-top: 125px;

}



#accordion h4{

    font-weight: 600;

}



.card-header a{

    font-weight: 600;

    transition: 0.3s;

    position: relative;

    padding-left: 25px;

    color: black;

}



.card-header a:hover{

    color: #1d9fdb;

}



.card-header a::before{

    content: "\f122";

    font-family: "Font Awesome 5 Free";

    position: absolute;

    left: 3px;

    top: 5px;

}



.card {

    position: relative;

    display: flex;

    background-color: #fff;

    border: none;

}



.card-header {

    position: absolute;

    padding: 0.5rem 1rem;

    margin-bottom: 0;

    background-color: transparent;

    border-bottom:none;

    top: 8px;

    right: 0;

}



.card-footer{

    display: flex;

    padding: 2.5rem 1rem;

    background-color: transparent;

    border-top: 1px solid rgba(0,0,0,.125);

}



.card-footer-right {

    margin-left: 15px;

}



.card-footer-right p{

    margin-top: 20px;

    margin-bottom: 0;

    font-size: 18px;

    line-height: 30px;

    color: #777181;

}



.card-footer-left {

    width: 300px;

}



.card-footer-left img{

    width: 90px;

    height: 90px;

    border-radius: 50%;

}



.card-body {

    background-color: #f7f7f9;

    padding: 30px;

    margin-top: 30px;

    border-radius: 5px;

}



.coment-title {

    border-bottom: 1px solid #ddd;

    margin-bottom: 40px;

}



.comment-form-cookies-consent label {

    display: inline;

    margin-left: 10px;

    font-size: 18px;

    line-height: 30px;

}





.card-body .form-control {

    display: block;

    width: 100%;

    padding: 20px;

    margin-bottom: 30px;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    border: 1px solid #eeeff2;

    border-radius: 0.25rem;

}



.card-body .form-control:focus{

    box-shadow: none;

}



.card-body textarea {

    height: 150px;

    width: 100%;

    margin-bottom: 25px;

    border-color: #eeeff2;

    color: black;

    padding: 20px;

    border-radius: 0.25rem;

}



.card-body .contact-form-button {

    text-align: left;

    border-radius: 0.25rem;

}



.card-body .contact-form-button button{

    border-radius: 0.25rem;

}



.card-body .contact-form-button button i{

    margin-left: 10px;

    font-size: 12px;

}

/* ******************************** BLOG DETAILS ENDS ************************************* */





/* ******************************** CONTACT US PAGE STARTS ******************************** */

.contuct-us,.service{

    padding: 60px 0;

}

.min{
    height: 20px;
}
.mid{
    height: 40px;
}
.max{
    height: 60px;
}



.servie-title{
    padding-bottom: 60px;
}
.service ul li {
    list-style-type: circle;
    padding: 10px;
    margin-left: 20px;
}
.contact-title{

    width: 100%;

    text-align: left;

}



.contact-title h4{

    margin: 20px 0;

}



.contact-media ul{

    display: flex;

}



.contact-media ul li{

    margin: 10px;

}



.contact-media ul li a{

    display: inline-block;

    border: 1px solid #928d9a;

    border-radius: 50%;

    color: #928d9a;

    width: 40px;

    height: 40px;

    text-align: center;

    transition: 0.3s;
    padding: 12px;


}



.contact-media ul li a:hover{

    background-color: #1d9fdb;

    color: #fff;

    border: 1px solid #1d9fdb;

}



.contact-address{

    margin: 30px 0;

}



.contact-address i{

    color: #1d9fdb;

    font-size: 50px;

}



.contact-address h6{

    font-size: 20px;

    font-weight: 600;

    margin: 15px 0;

}



.contact-address ul li{

    margin: 10px 0;

}



.contact-address ul li a{

    display: inline-block;

    color: #000;

    font-size: 18px;

    font-weight: 600;

    transition: 0.3s;

}



.contact-address ul li a:hover{

    color: #1d9fdb;

}

/* ******************************** CONTACT US PAGE ENDS ********************************** */



/* ******************************* CONTACT MAP ******************************************* */

.contuct-map{

    padding-bottom: 125px;

}



.goole-map {

    height: 450px;

}



.contuct-map iframe{

    height: 100%;

    width: 100%;

}

/* ******************************* CONTACT MAP ******************************************* */



/* ******************************* CONTACT FORM ****************************************** */

.contuct-form{

    padding-bottom: 125px;

}



.contuct-form input.form-control {

    padding: 10px;

    margin: 20px 0;

    border-radius: 0;

    background-color: #ffffff;

    border: 1px solid #ced4da;

}



.contuct-form textarea {

    height: 150px;

    width: 100%;

    padding: 20px;

    border: 1px solid #ced4da;

    background-color: #ffffff;

    margin-bottom: 20px;

}



.contact-form-button{

    text-align: center;

}



.contact-form-button button {

    padding: 15px 40px;

    display: inline-block;

    background-color: #1d9fdb;

    border: 2px solid #1d9fdb;

    color: #fff;

    transition: 0.3s;

}



.contact-form-button button i{

    font-size: 12px;

    margin-left: 7px;

}



.contact-form-button button:hover{

    background-color: #fff;

    color: #1d9fdb;

    border: 2px solid #1d9fdb;

}



.form-control:focus {

    color: #212529;

    background-color: #fff !important;

    border-color: #86b7fe;

    outline: 0;

    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);

}

/* ******************************* CONTACT FORM ****************************************** */



/* ******************************* SERVICE GLOBAL *************************************** */

.service-global{

    padding-top: 125px;

    padding-bottom: 105px;

}



.service-global-content span{

    color: #1d9fdb;

}



.service-global-content h4{

    color: #000;

}



.service-global-content p{

    color: #948ba3;

}



.service-global-content a{

    color: #1d9fdb;

}



.service-global-content a:hover{

   text-decoration: underline;

}



.service-global-content a i{

    font-size: 12px;

    margin-left: 7px;

}



.service-data-content-wrapper{

    margin-top: 50px;

}

/* ******************************* SERVICE GLOBAL *************************************** */





/* ******************************* MAIN SERVICE ***************************************** */

.main-service{

    padding: 125px 0;

}



.main-service-content{

    box-shadow: 2px 8px 15px rgba(0, 0, 0, 0.1);

    padding: 30px;

    border: 2px solid transparent;

    transition: 0.3s;

}



.ms-wrapper h6{

    color: #000;

}



.ms-image{

    margin-right: 20px;

}



.ms-wrapper a{

    color: #000;

}



.ms-wrapper a:hover{

    text-decoration: underline;

}



.ms-wrapper a i{

    font-size: 12px;

    margin-left: 7px;

}



.main-service-content:hover{

    border: 2px solid #1d9fdb;

}



.main-service-content:hover a{

    color: #1d9fdb;

}



.main-service-content:hover h6{

    text-decoration: underline;

}



.service-statistic{

    padding-top: 80px !important;

}



.service-faq{

    padding-top: 125px !important;

}

/* ******************************* MAIN SERVICE ***************************************** */





/* ******************************* PORTFOLIO ****************************************** */

.portfolio{

    padding: 125px 0;

}



.portfolio-title{

    width: 100%;

    text-align: left;

    margin-bottom: 70px;

}



.button-group.filter-button-group {

    display: flex;

    justify-content: center;

    align-items: center;

    

}



.filter-button-group button.active {

    box-shadow: 2px 8px 15px rgba(0, 0, 0, 0.1);

    padding: 10px;
    background: #1d9fdb;
    color: white;


}



.filter-button-group button {

    border: none;

    background: none;

    margin-right: 15px;

    font-size: 16px;

    font-weight: 600;

}



.work-image{

    position: relative;

    transition: 0.3s;

    margin-bottom: 50px;

}



.image-overlay{

    padding: 10px 30px;

    text-align: center;

    background-color: #fff;

    box-shadow: 2px 8px 15px rgba(0, 0, 0, 0.1);

    position: absolute;

    bottom: -30px;

    right: 30px;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
   

}



.image-overlay h6{

    font-size: 24px;

    font-weight: 600;

}



.image-overlay span{

    color: #1d9fdb;

    font-size: 18px;

    font-weight: 500;

}



.work-image:hover .image-overlay{

    background-color: #1d9fdb;

    color: #fff;

}



.work-image:hover .image-overlay span{

    color: #fff;

}

.work-image:hover .image-overlay a{

    color: #fff;

}

.portfolio-button {

    display: flex;

    justify-content: center;

}



.portfolio-button a{

    display: inline-block;

    background-color: #1d9fdb;

    padding: 15px 30px;

    color: #fff;

    border: 2px solid #1d9fdb;

    transition: 0.3s;

}



.portfolio-button a i{

    font-size: 12px;

    margin-left: 7px;

}



.portfolio-button a:hover{

    border: 2px solid #1d9fdb;

    background-color: #fff;

    color: #1d9fdb;

}



.portfolio-details .portfolio-slider{

    margin-top: 0;

}

/* ******************************* PORTFOLIO ****************************************** */





/* ******************************* PORTFOLIO DETAILS ********************************* */

.portfolio-details{

    padding-top: 125px;

    padding-bottom: 80px;

}



.portfolio-info{

    border: 1px solid #dfdbe6;

    width: 100%;

    display: flex;

    justify-content: center;

    padding: 40px 0;

}



.portfolio-info h6{

    font-size: 24px;

    font-weight: 600;

}



.pfd-image{

    margin: 70px 0;

}



.pfp-image{

    margin: 50px 0;

}



.overview h4 {

    font-size: 45px;

    font-weight: 600;

}



.port-art-text{

    margin-bottom: 40px;

}



.portfolio-details .slick-dots {

    bottom: 0;

    width: 200px;

    left: 600px;

    text-align: left;

}



.portfolio-details .slick-dots li button:before {

    border: 2px solid #1d9fdb;

}



.portfolio-details .portfolio-details-title{

    margin: 50px 0;

}



.portfolio-design{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 125px;

    margin-bottom: 50px;

    border: 1px solid #e1e4f9;

    padding: 20px;

}



.service-design{

    margin: 125px 0;

}



.portfolio-design-icon{

    color: #1d9fdb;

    font-size: 30px;

}



.portfolio-left-design{

    display: flex;

    align-items: center;

}



.portfolio-left-design ul{

    margin-left: 30px;

}



.portfolio-left-design ul li span{

    font-size: 24px;

    font-weight: 600;

}



.portfolio-left-design ul li a{

    display: inline-block;

    color: #000;

    text-decoration: underline;

    transition: 0.3s;

}



.portfolio-left-design ul li a i{

    font-size: 12px;

    margin-left: 7px;

}



.portfolio-left-design ul li a:hover{

    color: #1d9fdb;

}



.portfolio-right-design{

    display: flex;

    align-items: center;

    text-align: right;

}



.portfolio-right-design ul{

    margin-right: 30px;

}



.portfolio-right-design ul li span{

    font-size: 24px;

    font-weight: 600;

}



.portfolio-right-design ul li a{

    display: inline-block;

    color: #000;

    text-decoration: underline;

    transition: 0.3s;

}



.portfolio-right-design ul li a i{

    font-size: 12px;

    margin-left: 7px;

}



.portfolio-right-design ul li a:hover{

    color: #1d9fdb;

}



.portfolio-slider .slick-dots button{

    display: block;

    padding: 0;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    border: 2px solid #1d9fdb;

}



.portfolio-slider .slick-active button{

    background-color: #1d9fdb;

}



.portfolio-details .slick-dots li button:before {

    border: none;

}

/* ******************************* PORTFOLIO DETAILS ********************************* */





/* ******************************* SERVICE DETAILS ********************************** */

.service-details{

    padding-top: 125px;

}

.service-left-category{

    background-color: #ddd;

    padding: 40px;

}



.service-left-category h6{

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 20px;

}



.service-left-category ul li{

    background-color: #fff;

    margin: 10px 0;

   

}



.service-left-category ul li a{

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 18px;

    font-weight: 600;

    color: #000;

    padding: 20px;

    transition: 0.3s;

}



.service-left-category ul li a:hover{

    background-color: #1d9fdb;

    color: #fff;

}



.service-left-category ul li a i{

    text-align: right;

    font-size: 15px;

}



.service-agency{

    position: relative;

    margin: 20px 0;

}



.agency-image {

    width: 100%;

}



.agency-image img{

    width: 100%;

}



.agency-strock-title{

    text-align: center;

    position: absolute;

    top: 0;

    left: 0;

}



.agency-strock-title h3{

    font-size: 65px;

    font-weight: 600;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: #fff;

    -webkit-text-fill-color: transparent;

}



.agency-tytle{

    background-color: #1d9fdb;

    padding: 30px 40px;

    text-align: center;

    position: absolute;

    bottom: 40px;

    left: 14%;

}



.agency-tytle h6{

    font-size: 24px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 20px;

}



.agency-tytle a{

    display: inline-block;

    border: 1px solid #fff;

    padding: 15px 30px;

    color: #fff;

    transition: 0.3s;

}



.agency-tytle a i{

    font-size: 12px;

    margin-left: 7px;

}



.agency-tytle a:hover{

    text-decoration: underline;

}



.sd-right-content{

    margin-left: 30px;

}



.sd-image-one img{

    width: 100%;

}



.sd-right-content h4{

    font-size: 42px;

    font-weight: 600;

    margin: 30px 0;

}



.sd-wrappre h6{

    color: #000;

}



.sd-icon i{

    color: #1d9fdb;

}



.sd-image-two{

    margin-top: 30px;

}



button.accordion-button.collapsed {

    font-size: 18px;

    font-weight: 600;

}

/* ******************************* SERVICE DETAILS ********************************** */





/* ******************************* TEAM PAGE ************************************** */

.main-team-member{

    padding-top: 125px;

    padding-bottom: 100px;

}



.main-team-title{

    width: 100%;

    text-align: left;

    margin-bottom: 30px;

}



.mt-button{

    height: 100%;

    width: 100%;

    display: flex;

    justify-content: right;

    align-items: center;

}



.mt-button a{

    display:inline-block ;

    background-color: #1d9fdb;

    border: 2px solid #1d9fdb;

    color: #fff;

    padding: 15px 30px;

    transition: 0.3s;

}



.mt-button a:hover{

    border: 2px solid #1d9fdb;

    background-color: transparent;

    color: #1d9fdb;

}



.mt-button a i{

    margin-left: 7px;

    font-size: 13px;

}



.mt-content{

    margin: 15px 0;

    width: 100%;

}



.mt-content img{

    width: 100%;

}



/* */



.team-skill{

    display: flex;

    background-color: #f1f1f1;

    padding-top: 80px;

    padding-bottom: 50px;

}

/* ******************************* TEAM PAGE ************************************** */





/* ******************************* TEAM DETAILS PAGE ***************************** */

.team-details{

    padding: 125px 0;

}



.td-image{

    position: relative;

    text-align: center;

}





.bg-shape{

    position: absolute;

    background-color: #1d9fdb;

    width: 100%;

    height: 550px;

    z-index: -1;

    bottom: 0;

    left: 0;

    clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);

}



.team-details-content{

    margin-top: 50px;

}



.team-details-content h3{

    font-size: 55px;

    font-weight: 600;

}



.team-details-content span{

    font-size: 24px;

    color: #1d9fdb;

    font-weight: 500;

}



.team-details-content p{

    margin: 30px 0;

    font-size: 18px;

}



.team-details-content h5{

    font-size: 30px;

    font-weight: 600;

}



.team-details-content ul{

    margin-top: 25px;

}



.team-details-content ul li a{

    display: inline-block;

    font-size: 22px;

    font-weight: 500;

    color: #000;



}



.team-details-content ul li a:hover{

    text-decoration: underline;

}



.team-details-content ul li{

    margin: 15px 0;

}



.team-details-content ul li a i{

    color: #1d9fdb;

    margin-right: 20px;

}



.best-skill{

    margin-top: 50px;

    background-color: #f1f1f1;

    padding: 50px;

}



.team-skill-section{

    box-shadow: none !important;

    padding: 0 !important;

    margin-top: 30px !important;

}



.common-button{

    display: inline-block;

    background-color: #1d9fdb;

    padding: 15px 30px;

    color: #fff;

    margin-top: 20px;

    border: 2px solid #1d9fdb;

    transition: 0.3s;

}



.common-button i{

    margin-left: 15px;

    font-size: 13px;

}



.common-button:hover{

    background-color: transparent;

    border:  2px solid #1d9fdb;

}



.td-testimonial{

    margin-top: 50px;

    background-color: #f1f1f1;

    padding: 50px;

}



.testimonial-slider-content-team p{

    margin: 30px 0;

    text-align: justify;

}



.testimonial-slider p::before{

    content: open-quote;

    display: inline-block;

    vertical-align: top;

    position: relative;

}



.testimonial-slider p::after{

    content: close-quote;

    display: inline-block;

    vertical-align: bottom;

    bottom: -15px;

    position: relative;

}



.testimonial-slider-info{

    display: flex;

    align-items: center;

}



.testimonial-slider-info ul{

    margin-left: 20px;

}



.testimonial-slider-info ul li h6{

    font-size: 24px;

    font-weight: 600;

}



.team-slider {

    margin-bottom: 30px !important;

}



.team-slider button.slick-next.slick-arrow {

    display: none !important;

}



.team-slider button.slick-prev.slick-arrow {

    display: none !important;

}



.team-slider .slick-dots {

    bottom: -50px;

    width: 200px;

    left: 0;

    text-align: left;

}



.td-testimonial .slick-dots li button:before {

    border: none;

}



.td-testimonial .slick-dots button{

    display: block;

    padding: 0;

    width: 14px;

    height: 14px;

    border-radius: 50%;

    border: 2px solid #1d9fdb

}



.td-testimonial .slick-active button{

    background: #1d9fdb;

    

}

/* ******************************* TEAM DETAILS PAGE ***************************** */





/* ******************************* CHOOSE PAGE ********************************* */

.why-choose{

    padding: 125px 0;

}



.choose-right-contain {

    height: 100%;

    display: flex;

    align-items: center;

}

.choose-statistic .ch-title{

    margin-bottom: 50px;

}



.why-choose .choose-image-container {

    margin-bottom: 0px;

}



.why-choose .choose-image{

    margin-bottom: 0;

}

/*  */

.ch-title span,.ch-title h4{

    color: #fff;

}



.choose-statistic{

    background-image: url('assets/images/st-bg-image.jpg');

    margin-bottom: 125px;

    margin-top: 100px;

}



.ch-counter h2, .ch-text{

    color: #fff;

}



.ch-counter h2::after{

    color: #fff;

}



.ch-content:hover h2, .ch-content:hover p,.ch-content:hover h2::after{

    color: #1d9fdb;

}

/* ******************************* CHOOSE PAGE ********************************* */





/* ******************************* SHOP PAGE STARTS ***************************** */

#shop{

    padding: 125px 0px;

}



/* nav tab */

.nav-tabs {

    position: relative;

    border-bottom: none;

    margin-bottom: 30px;

    padding: 15px;

    border-radius: 15px;

}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: white;

    border: none;
    background: #1d9fdb !important;

}



.nav-tabs .nav-link {

    border: none;

}



.nav-tabs .nav-link:hover {

    border: none;

}



#shop .nav-link {

    color: #000;

}



#shop .nav-link i{

    font-size: 25px;

}



#shop .nav-link:hover {

    color: #1d9fdb;

}



#shop .nav-tabs .nav-link:focus {

    border:#fff ;

    color: #1d9fdb;

}



.star-icon ul {

    display: flex;

    justify-content: center;

    color: #ff5e17;

}



.nav-album p {

    color: #707070;

    position: absolute;

    top: 25px;

    right: 370px;

}



.nav-form {

    position: absolute;

    top: 15px;

    right: 15px;



    background-color: #f1f1f1;

    color: #000;

    border: none;

    padding: 10px 20px;

}



select {

    color: #000;

    background-color: transparent;

    border: none;

}



button.nav-link.nav-list {

    position: absolute;

    left: 70px;

}



.cart {

    font-size: 13px !important;

    font-weight: 400;

    background-color: #ff5e17;

    padding: 12px 35px;

    border-radius: 25px;

    border: 2px solid #ff5e17;

    display: inline-block;

    margin-top: 10px;

}



.cart:hover{

    background-color: #181818;

}



.shop-content span {

    color: #787676;

    display: block;

}



.shop-box {

    padding: 0;

    margin-bottom: 40px;

    position: relative;

    text-align: center;

}



.shop-image {

    overflow: hidden;

    margin: 15px;

    position: relative;

    background: #202020;

}



.shop-content {

    margin-bottom: 15px;

}



.shop-image img {

    opacity: 1;

    display: block;

    width: 100%;

    height: auto;

    transition: .5s ease-in-out;

    backface-visibility: hidden;

}



.shop-image-overlay{

    display: flex;

    left: 50%;

    bottom: 25%;

    position: absolute;

    border-radius: 15px;

    opacity: 0;

    height: 100%;

    transition: 0.5s;

}



.shop-url {

    background-color: #fff;

    position: absolute;

    bottom: -2px;

    font-size: 16px;

    left: 50%;

    top: 50%;

    transform: translate(10%, -50%);

    height: 40px;

    width: 40px;

    line-height: 40px;

    border-radius: 50%;

    transition: .5s;

    display: inline-block;

}



.shop-url2 {

    background-color: #fff;

    position: absolute;

    bottom: -2px;

    font-size: 16px;

    left: 50%;

    top: 50%;

    transform: translate(-110%, -50%);

    height: 40px;

    width: 40px;

    line-height: 40px;

    border-radius: 50%;

   

    display: inline-block;

}



.shop-url2:hover i{

    color: #ff5e17;

}



.shop-url:hover i{

    color: #ff5e17;

}



.shop-url i{

    color: #181818;

    transition: .3s;

}



.shop-url2 i{

    color: #181818;

    transition: .3s;

}



.shop-box:hover .shop-image img{

    opacity: 0.5;

}



.shop-box:hover .shop-image-overlay{

    opacity: 1;

    height: 50%;

   

}



/*  */

.album-area{

    border: 1px solid #404040;

    border-radius: 15px;

    padding: 10px;

}



.album-area:hover .shop-image-overlay{

    opacity: 1;

    height: 50%;

   

}



.album-area:hover .shop-image img{

    opacity: 0.5;

}



.album-box{

    margin: 10px;

    padding: 0;

}



.album-image{

    margin: 0;

}



.album-content p{

    color: #707070;

}



.album-content a{

    color: #fff;

    transition: 0.5s;

}





.album-heading-wrapper{

    display: flex;

    justify-content: space-between;

    color: #fff;

    margin: 15px 0;

}



.album-heading span{

    color: #707070;

}



.album-media{

    display: flex;

    align-items: center;

}



.album-media ul{

    display: flex;

    justify-content: space-between;

}



.album-media ul li i{

   color: #ff5e17;

}



/*  */



.shop-list-album a h5{

    color: #000;

    text-transform: capitalize;

}



.shop-content a h5{

    color: #000;

}



.list-viwe{

    width: 100%;

}



.list-viwe .shop-box{

    display: flex;

}



.list-viwe .list-image{

    width: 30%;

}



.list-viwe .shop-content{

    display: none;

}





.list-viwe .shop-list-content{

    width: 60%;

    display: block;

    text-align: left;

    margin-top: 15px;

}



.shop-list-content{

    display: none;

}



.shop-list-content span{

    color: #707070;

    font-size: 20px;

}



.shop-list-content p{

    color: #707070;

    font-size: 15px;

}



.shop-list-content .cart{

    margin-top: 0;

    transition: 0.5s;

    color: #fff;

}



.shop-list-album{

    display: flex;

    justify-content: space-between;

}





.list-album-title h5 {

    color: #fff;

    text-transform: uppercase;

}



.paigation ul {

    display: flex;

    justify-content: center;

}



.paigation ul li {

    width: 45px;

    height: 45px;

    background-color: #202020;

    border-radius: 50%;

    line-height: 2.7;

    text-align: center;

    margin: 10px;

    transition: 0.3s;

}



.paigation ul li a{

  color: #fff;

  padding: 10px;

 }



 .paigation ul li:hover{

     background-color: #ff5e17;

 }





.paigation ul li a i{

    color: #fff;

   }

/* ******************************* SHOP PAGE ENDG ***************************** */

/*mine*/

.features-content lord-icon{

    width: 90px;

    height: 90px;

}

.service-mega {

    width: 1100px;

}

.service-mega h6 {

    background: #1d9fdb;

    margin-top: 15px;

    padding: 7px 5px;

    color: white;

    font-size: 15px;

    cursor: pointer;

}

.service-mega li {

    padding: 4px !important;

}

.service-mega li a{

    font-size: 15px !important;

}

.progress{

    background: none;

    margin: 0 auto;

    box-shadow: none;

    width: 150px;

    height: 150px;

    line-height: 150px;

    position: relative;

}

.progress:after{

    content: "";

    border-radius: 50%;

    border: 15px solid #f2f5f5;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.progress > span{

    position: absolute;

    top: 0;

    z-index: 1;

    width: 50%;

    height: 100%;

    overflow: hidden;

}

.progress .progress-left{

    left: 0;

}

.progress .progress-bar{

    border-width: 15px;

    border-style: solid;

    position: absolute;

    width: 100%;

    height: 100%;

    background: none;

    top: 0;

}

.progress .progress-left .progress-bar{

    left: 100%;

    border-top-right-radius: 80px;

    border-bottom-right-radius: 80px;

    border-left: 0;

    -webkit-transform-origin: center left;

    transform-origin: center left;

}

.progress .progress-right{

    right: 0;

}

.progress .progress-right .progress-bar{

    left: -100%;

    -webkit-transform-origin: center right;

    transform-origin: center right;

    border-top-left-radius: 80px;

    border-bottom-left-radius: 80px;

    border-right: 0;

    animation: loading-1 1.8s linear forwards;

}

.progress .progress-value{

    font-size: 24px;

    color: black;

    text-align: center;

    width: 100%;

    height: 100%;

    position: absolute;

    font-weight: 800;

}

@keyframes loading-1{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(220deg);

        transform: rotate(220deg);

    }

}

@keyframes loading-2{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}

@keyframes loading-3{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(150deg);

        transform: rotate(150deg);

    }

}

@keyframes loading-4{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}

@keyframes loading-5{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(200deg);

        transform: rotate(200deg);

    }

}

.progress.blue .progress-bar{

    border-color: #26abfd;

    top: -40px;

}

.progress.blue .progress-left .progress-bar{

    animation: loading-2 1.5s linear forwards 1.8s;

}

.progress.yellow .progress-bar{

    border-color: #fdc426;

    top: -40px;

}

.progress.yellow .progress-left .progress-bar{

    animation: loading-3 1s linear forwards 1.8s;

}

.progress.pink .progress-bar{

    border-color: #f83754;

    top: -40px;

}

.progress.pink .progress-left .progress-bar{

    animation: loading-4 0.4s linear forwards 1.8s;

}

.form select {

    height: 45px;

    background: #ffffff;   

}

.brand-title p {

    font-size: 16px;

    font-weight: 300;

    padding: 13px 0 0;

}

.product h3 {

    color: #1d9fdb;

    padding: 20px 10px 10px;

}

.product h5 {

    color: #1f195f;

}

.product ul li {

    list-style-type: circle;

    position: relative;

    left: 20px;

}

/* HOME TESTIMONIAL STARTS */

section#home-testmonial {

    padding: 30px 0 90px 0;

    background: url('assets/images/home-testimonial.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    margin-top: -80px;

    z-index: -1;

}



.home-testimonial-title{

    margin-top: 50px;

}



.home-testimonial-info{

    display: flex;

}



.home-testimonial-info img{

    width: 65px;

    height: 65px;

    border-radius: 50%;

}



.home-testimonial-content{

    background-color: #fff;

    padding: 50px;

    box-shadow: 2px 8px 15px #edf2fa;

    margin: 40px 20px;

}



.home-testimonial-content h6{

    font-size: 22px;

    font-weight: 600;

}



.home-testimonial-content h6::before{

    content: open-quote;

    display: inline-block;

    vertical-align: top;

    position: relative;

    margin-right: 5px;

}



.home-testimonial-content h6::after{

    content: close-quote;

    display: inline-block;

    vertical-align: bottom;

    bottom: -15px;

    position: relative;

    margin-left: 5px;

}



.home-testimonial-info ul {

    margin-left: 20px;

}



.home-testimonial-info ul li a span{

    display: inline-block;

    color: #000;

    font-size: 20px;

    font-weight: 600;

}



.home-testimonial-info ul li a{

    color: #000;

}



.home-testimonial-star ul{

    display: flex;

    margin-bottom: 20px;

}



.home-testimonial-star ul li{

    margin-right: 10px;

}



.home-testimonial-star ul li i{

    color: #ff9c00;

}



#home-testmonial .slick-dots {

    bottom: -45px;

    width: 150px;

    left: 45%;

    text-align: center;

}



#home-testmonial .slick-dots button {

    display: block;

    padding: 0;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 2px solid #6653e8;

}





#home-testmonial li.slick-active button{

    background: #6653e8;

}



#home-testmonial .slick-dots li button:before {

    font-size: 0px;

    border: none;

    border-radius: 50%;

}

#home-testmonial .slick-dotted.slick-slider {

    margin-bottom: 0;

}

/* HOME TESTIMONIAL ENDS */

/* HOME TEAM STARTS */

.home-team-wrapper{

    margin-top: -470px;

}



.home-team-bg{

    margin-top: -110px;

}



.home-team-bg img{

    width: 100%;

}



.home-team-member {

    display: flex;

    margin-top: 55px;

}



.home-team-title span{

    color: #fff;

}



.home-team-title h4{

    color: #fff;

}



.home-team-content img{

    width: 100%;

}



.home-team-content {

    position: relative;

    overflow: hidden;

    margin: 0 20px;

    left: 0;

    bottom: 0;

    transition: 0.5s;

}



.home-team-info {

    position: absolute;

    bottom: -240px;

    left: -50px;

    width: 320px;

    height: 350px;

    border-radius: 50%;

    background: #fff;

    padding-top: 45px;

    text-align: left;

    padding-left: 70px;

}



.home-team-content:hover .home-team-info{

    background: linear-gradient(156deg, rgba(246,247,249,1) 0%, rgba(255,255,255,1) 0%, rgb(197, 45, 47) 0%, rgba(164,61,247,1) 54%);

}



.home-team-content:hover .home-team-info h6{

    color: #fff;

}



.home-team-content:hover .home-team-info span{

    color: #fff;

}



.home-team-info h6{

    color: #000;

    font-size: 24px;

    font-weight: 600;

}



.home-team-info span{

    color: #6653e8;

    display: block;

}



.home-team-member .slick-dots {

    bottom: -75px;

    width: 100%;

    text-align: center;

}



.home-team-wrapper .slick-dots li{

    border-radius: 50%;

    background: transparent;

}



.home-team-wrapper .slick-dots button{

    display: block;

    padding: 0;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    border: 2px solid #6653e8;

}



.home-team-wrapper li.slick-active button{

    background: #6653e8;

}



.slick-dots li button:before {

    font-size: 0px;

    border: none;

    border-radius: 50%;

}

.about-progress-cir{

    top: 0px !important;

}

#process-content{

    font-size: 20px;

    font-weight: 600;

    display: inline-block;

    margin-top: 10px;

}

div#about-cheks {

    padding-bottom: 50px;

}

div#about-cheks ul li {

    margin-bottom: 20px;

}

/* HOME TEAM ENDS */

 .home-form-wrapper {
    background-color: #08203a;
    width: 100%;
    padding: 60px;}
    .home-form-wrapper form input {
    background: transparent;
    border-right-style: none;
    border-left-style: none;
    border-top-style: none;
    color: #fff;
    margin-right: 30px;
    margin-top: 20px;
    padding-bottom: 10px;
    width: 100%;}
    .home-form-wrapper form textarea {
    height: 50px;
    color: #fff;
    width: 100%;
    margin-top: 20px;
    background: transparent;
    border-right-style: none;
    border-left-style: none;
    border-top-style: none;
    border-bottom: 2px solid #787676;}

    .home-title span{
    color: #1d9fdb;
    font-size: 23px;
    font-weight: 700;
    }
    .home-form-wrapper form input[type="submit"]:hover {
    background: #6653e8;
    }
    .service button {
    background: #1d9fdb;
    padding: 10px 15px;
    margin-top: 10px;
    color: white;
    }
    .popular-imamg-one img{
        width: 100%;
        height: 414px;
    }
   #service-imagen img{
    height: 250px;
   }
   #service-contentn{
    border: 1px solid #c1c1c1cc !important;
    margin: 30px 5px;
    box-shadow: 5px 8px 15px rgb(0 0 0 / 37%);

   }
   .founder{
    background-image: url(assets/images/home-team-bg.jpg) !important;
    padding: 80px 0px 70px 0px ;
   }
   .inner{
    padding: 40px;
   }
   .outer{
    
    background: #ffffff;
     box-shadow: 1px 1px 2px rgb(193 193 193 / 81%);
   }
   .left-img{
    padding: 0px;
    border-left: 5px solid #1d9fdb;
   }
   .right-content {
    padding-top: 20px;
    padding-bottom: 10px;
   }
   .footer-media-iconn ul li a {
    display: inline-block;
    color: rgb(255 255 255) !important;
    background-color: #1d9fdb !important;
    width: 28px !important;
    padding: 6px;
    line-height: 28px !important;
    text-align: center;
    border-radius: 20% !important;
    transition: 0.5s;
}

.footer-media-iconn ul {
    display: flex;
}
.footer-media-iconn ul li {
    margin-right: 10px;
}
.left-img img{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.project_complete{
background: #f5f8fb;
}



hr.line {
    border: 1px solid white;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}
.line-n{
    text-align: center;
}
.founding-team{
    font-size: 38px !important;
}
#port-folio{
    background: #f7f7f9;
    padding-top: 80px;
    padding-bottom: 80px;
}
.work-image img{
    height: 200px;
}
.image-overlay a{
    color: #1d9fdb;
}
.testimonial-content-wrapper ul li{
    display: inline-block;
    
}
.testimonial-content-wrapper >fa-star{
  color: #ffd55c;
}
.row.apply-form {
    border: 1px solid #f0f4ff;
    padding: 30px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.common-h h4 {
    text-align: center;
    font-size: 30px;
}

.common-title-n{
    text-align: center;
    width: 70%;
    margin: 40px auto;
    color: #1d9fdb;
    font-size: 30px;
    font-weight: 500;
}
.text-hidden {
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 110px;
    line-height: 1.8em;
}
.home-team-info.about-team-info{
    background: #f5f8fb;
}
.home-testimonial-content {
    height: 330px;
}
.current-opening {
    padding: 35px 15px;
}
.current-opening h1{
   color: #1d9fdb;
}
.apply-formn{
border: 1px solid #f0f4ff;
padding: 20px;
box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.apply-form-u{

padding: 20px;

}
/*comment*/
.head_p h1{
        text-align: center;
        color: #1d9fdb;
        font-size: 55px;
    }
    .head_p h2{
       text-align: center;
    }
    .text h2{
        font-size: 42px;
        color: #1d9fdb;
    }
    .text p{
        text-align: justify;
    }
    .view-job{
    border-radius: 202px;
    border: none;
    background-color: #1d9fdb;
    color: white;
    font-weight: 800;
    font-size: 13px;
    padding: 5px 10px;
   text-decoration: none;
}
   .box_right {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding: 27px 26px;
    margin-top: 20px;
}   
.box_right h3{
   font-size: 22px;
   color: #1d9fdb;
   line-height: 2;
}
.box_right h5{
   font-size: 17px;
    padding-left: 43px;
}
.left-sec a{
    float: right;
}
.current-opening li{
    font-size: 20px;
    padding-top: 10px;
}
.job-desc{
    padding: 50px;
}
.common-title h2{
    color: #1d9fdb;;
}
.tc-icon-two {
    width: 135px;
    border: 5px solid #fdbd5f;
    border-radius: 50%;
}
.tc-icon-one {
    width: 130px;
    border: 5px solid #fe9941;
    border-radius: 50%;
}
.apply{
        display: inline-block;
        background-color: #1d9fdb;
        border: 2px solid #1d9fdb;
        padding: 15px 30px;
        color: #fff;
        transition: 0.5s;
    }
    .project-history {
    background: #f4f4f4;
    padding: 30px;
    margin-bottom: 30px;
}
.project-name ul li {
    color: #444;
    font-size: 20px;
    line-height: 32px;
    margin: 10px 0px;
    font-weight: 500;
}
.project-name span {
    padding-right: 16px;
    min-width: 110px;
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    color: #1d9fdb;
}
.project-details h3 {
    font-size: 30px;
    color: #d9271e;
}
.project-details p {
    font-size: 18px;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
   
    
}
.content-project{
    margin-left: 12px;
}
.project-details ul li{
    font-size: 18px;
    letter-spacing: 0.5px;
 
    list-style: none;
}
#a-key-point ul li i {
    background-color: #1d9fdb; 
    border-radius: 50%; 
    width: 22px; 
    height: 22px; 
    line-height: 22px; 
    text-align: center; 
    margin-right: 10px; 
    color: white;
    font-size: 12px;
}
.project-name img {
    height: 315px;
    width: 100% !important;
}
.banner-btn-group{}
.banner-button.banner-button-quote{    background-color: #ffffff;
    border: 2px solid #eaeaea;
    color: #000;
    margin-left: 10px;}

.banner-sun{    background: #fff;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 15px;    width: 90%;}

@media only screen and (min-width: 320px) and (max-width: 580px){

  .banner-content-wrapper{padding-top: 20px;width: 100%;}
  .banner-content-wrapper h2 {
        font-size: 20px !important;
        margin: 0;
    }
    .banner-content-wrapper p{    font-size: 14px;        margin-bottom: 0;}

        .banner-content-wrapper a {
        padding: 4px 15px !important;        margin-top: 10px;font-size: 14px;
    }
    #banner .slick-dots{        right: 50% !important;        left: 50% !important;
        bottom: 3px !important;}
        .slick-dots li{    width: 10px;
    height: 20px;}
    .banner-sun{display: none !important;}
}