/** globle **/
body{
    font-family: 'Work Sans', sans-serif;
}
/** globle classes **/
.container{width: 80%; margin: auto;}

:root{
    --praimarycolor:#756BEE;
}

.btn-primary{
    background-color: var(--praimarycolor);
    border: 1px solid var(--praimarycolor) !important;
    padding: 6px 22px;
    border-radius: 22px;
}

.btn-primary:hover,
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background-color: #5a4dec;}

.content-header p{font-size: 11px;}

/** Start navbar **/
.navbar{background-color: #FBF7EC;}

.navbar .navbar-nav .nav-item .active{color: #1F0C0B;}

.navbar .navbar-nav .nav-item .active::after{
    content: '';
    border: 1px solid #1F0C0B;
    display: block;
    width: 100%;
}

.navbar .navbar-nav .nav-item a{color: #5A5A5A;}
/** End navbar **/

/** Start hero-section **/
.hero-section{background-color: #FBF7EC;}

.hero-section .content-text h1{width: 320px;font-size: 43px;}

.hero-section .content-text h1 span{color: var(--praimarycolor);}

.hero-section .content-text p{width: 493px;color: #5A5A5A;text-shadow: 0px 3px 10px #0000007d;}
/** End hero-section **/

/** Start leat-your **/
.leat-your p,
.leat-your h2{color: #39364E;}
/** End leat-your **/

/** start company fature **/
.company-fature{background-color: #F5F4F0;padding: 80px 0;}

.our-impressive a{color: #39364E;}

.company-fature .content p{
    font-size: 11px;
    width: 261px;
    margin: auto;
    color: #696969;
}
/** End company fature **/

/** start Peed Of Creative **/
.peed-of-creative .content p,
.peed-of-creative .content h2{color:#39364E}

.peed-of-creative .content p{width: 450px;}
/** End Peed Of Creative **/

/** Start our testimonial**/ 
.our-testimonial{background-color: #F5F4F0;}

.our-testimonial .container .row .col-sm-4 > a{color: red;}

.our-testimonial .content .row p{color: #696969; font-size: 14px;}

.our-testimonial .content hr{
    width: 54%;
    margin-left: 120px;
    color: #a7a3a3;
    margin-top: 9px;
}

.our-testimonial .content .link-a{margin-left: 105px;}

.our-testimonial .content .link-a a{text-decoration: none; color: var(--praimarycolor);font-weight: bold;}

.our-testimonial .content .link-a span{color: #ACACAC;}
/** End our testimonial**/ 

/** start responsive **/ 

@media(max-width:768px){
    /** Start hero-section **/
    .hero-section .content-text h1{width: 320px;font-size: 31px;margin-top: 20px;}
      
    .hero-section .content-text p{width: 290px;line-height: 27px !important;}

    .hero-section .col-sm-6{display: contents;}
    
    .hero-section .col-sm-6 > img{margin-top: 50px;}
    /** End hero-section **/
    
    /** start company fature **/
    .tursted-by .col-sm-2{margin-top: 30px;}
    .tursted-by .content span{margin-bottom: 0 !important;}
    /** End company fature **/

    /** Start leat-your **/
    .leat-your {padding-top: 0 !important;}

    .leat-your .col-sm-6{display: contents;}

    .leat-your p{font-size: 14px;font-stretch: extra-condensed;}
    /** End leat-your **/

    /** Start company-fature **/
    .company-fature .row{margin-top: 0 !important; padding-top: 0 !important;}
    
    .company-fature .col-sm-4{margin-top: 27px;}
    /** End peed-of-creative **/

    /** Start peed-of-creative **/
    .peed-of-creative .content{margin-top: 0 !important;}

    .peed-of-creative .content h2 {width: 100% !important;}

    .peed-of-creative .content p{margin-top: 20px !important; width: 100%;}

    .peed-of-creative .logo-pead-of-creative img {margin-top: 50px;}
    /** End peed-of-creative **/

    /** Start our-impressive **/
    .our-impressive{padding-top: 0 !important; margin-top: 0 !important;}

    .our-impressive .col-sm-6{margin-bottom: 5px !important;}
    /** End our-impressive **/

    /** Start our-testimonial **/
    .our-testimonial .content-header p{margin-top: 10px !important;}

    .our-testimonial .content{margin-bottom: 17px;}

    .our-testimonial .row .col-sm-4 .content .row .col-sm-4 img {margin: auto;}

    .our-testimonial .row .col-sm-4 .content .row .col-sm-8 p{margin-top: 15px !important; text-align: center !important;}

    .our-testimonial .row .col-sm-4 .content p{margin-bottom: 7px !important;}

    .our-testimonial .row .col-sm-4 .content hr{margin: auto !important; padding-bottom: 7px;}

    .our-testimonial .row .col-sm-4 .content .link-a{margin: auto !important;}
    /** End our-testimonial **/
}

/** End responsive **/ 

@media(max-width:820px){
    
}