@import url('https://fonts.googleapis.com/css?family=Noto+Serif:300,400,400i,500,700,700i|Roboto:300,400,500,700&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');


body,p,span{
    margin:0px;
    padding: 0px;
    font-family: 'Noto Serif', serif !important;
    font-size: 16px;
}

h1,h2 {
font-family:Noto Serif, serif;
margin:0px 0px 15px;
font-weight:600 !important;
font-size:36px;
}

h1,h2,h3 {
font-family:Noto Serif, serif;
margin:0px 0px 15px;
font-weight:600 !important;
}


* {
    margin: 0;
    box-sizing: border-box;
    padding: 0;
}

/* header start */

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: right;
       font-family: roboto;
    }
}.bg-image

.nav-item a{
    font-size:14px;
      font-family: roboto;
    
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        gap: 24px;
    }

    .navbar-expand-lg .navbar-nav li {
        font-size: 14px;
    }
}

.img-logo-width {
    width: 100px;
}

.bg-orange {
    background-color: #fe8019;
}

.sepot {
    background-color: transparent;
    border: 1px solid white;
    color: white;
    font-size: 20px;
    padding-right: 10px;
    padding-left: 10px;
    margin-top:20px;
}

.karsevak {
  font-size: 32px;
  padding: 15px;
  color: #fe8019;
  margin-top: 15px;
}

.txet-d h2 {
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 40px;
}

.banner-img {
    width: 100%;
}

.banner-imge {
    width: 65%;
}

.fa-brands,
.fab {
    font-size: 25px;
}

.pading {
    padding-bottom: 30px;
}


.msnvsn {
  margin-right: 15px;
  width: 95px !important;
}

/*.txet-d {*/
/*    text-decoration: underline;*/
/*    text-decoration-color: #fe8019;*/
/*    text-underline-offset: 10px;*/
/*}*/

.backi-ye {
    background-color: #fff4d8;
}

.flex-secton {
    display: flex;
    justify-content: center;
    align-items: center;
}

.margt {
    margin-top: 40px !important;
}

.margt h1 {
    font-size:36px;
    font-weight: 600;
}

.sect-pading {
    padding: 50px 0px;
}

.d-pads {
    padding: 30px 0px;
}

.w3-bar.w3-black {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.btn-bk {
    background-color: #e67e22;
    color: white;
    border: none;
    font-size: 30px;
    font-weight: 600;
    padding: 0px 18px;
}

.bg-image {
    background: url('image/Vector Smart Object.jpg');
}

/*.bg-image {*/
/*    background: url(image/Vector\ Smart\ Object.jpg);*/
/*}*/


.para-foter {
    padding: 60px 0px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
}

.btn-conatct {
    padding: 60px 0px;
    display: flex;
    justify-content: center;
}

.contct-btn {
    padding: 10px 75px;
    font-size: 29px;
    font-weight: bold;
    color: #fc861a;
    border: none;
    background: white;
    font-weight:500;
}

@media screen and (min-width:200px) and (max-width:768px) {
    .w3-bar.w3-black {
        overflow: scroll;
    }
.slick-next {
    right: 0!important;
}
    .btn-bk {
        font-size: 14px;
    }

    .t-center {
        text-align: center;
    }

    .contct-btn {
        padding: 10px 59px;
    }

    .para-foter {
        padding: 21px 0px;
        font-size: 40px;
        line-height: 40px;
        font-weight: 700;
    }

    .sepot {

        margin-bottom: 10px;
    }

    .mible-vei {
        display: block !important;
    }

    .desktop-vide {
        display: none !important;
    }

    .padin-t {
        padding: 0px 0px;
    }
}

.desktop-vide {
    display: block;
}

.mible-vei {
    display: none;
}

.colr-bk {
    color: #e67e22;
    background-color: white;
}

.foloe-us {
    color: #e67e22;
    font-weight: 700;
}

.img-comma {
    margin-top: -28px;
    margin-left: 20px;

}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px !important;
    }
}

.width-header {
    width: 75% !important;
    margin: auto !important;
}

.width-coma {
    width: 50px;
}

/* slidic slider */
.slick-slide img {
    width: 100%;
}

.slick span {
    display: block;
    color: #fff;
    font-size: 36px;
    height: auto;
    line-height: 100px;
    position: relative;
    text-align: center;
    transform: translate(0, 0) scale(.4);
    transition: all .4s ease;
    opacity: .5;
}


.slick-slide.lt2 span {
    transform: translate(10%, 0) scale(.6);
}

.slick-slide.lt1 span {
    opacity: .7;
    transform: translate(-2%, 0) scale(.8);
}

.slick-slide.gt1 span {
    opacity: .7;
    transform: translate(5%, 0) scale(.8);
}

.slick-slide.gt2 span {
    transform: translate(-10%, 0) scale(.6);
}

.slick-slide.slick-center span {
    z-index: 1;
    transform: scale(1);
    opacity: 1;
    color: #e67e22;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    appearance: none;
    margin-top: -10px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    color: transparent;
    outline: none;
    z-index: 100;
}

.slick-prev {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #fd7f19 transparent transparent;
    left: 0;
}

.slick-next {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #fe8019;
    right: -20px;
}

/*************************** limb camb start here ***********************************************/
.bg-banneer {
    background: url(image/dusr.png);
    background-repeat: no-repeat;
    background-position: center;
}

.sect-padinge {
    padding: 40px 0px;
}


/************************************ tab faq slider ************************************/

.accordion__header {
    padding: 1em;
    background-color: #fb8018;
    margin-top: 2px;
    display: flex;
    margin-top: 20px;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    color: white;
    cursor: pointer;
}

.accordion__header>* {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight:400 !important;
}

.accordion__header.is-active {
    background-color: #000;
    color: #fff;
    transition: .8s;
}

.accordion__toggle {
    margin-left: 10px;
    height: 3px;
    background-color: white;
    width: 13px;
    display: block;
    position: relative;
    flex-shrink: 1;
    border-radius: 2px;
}

.accordion__toggle::before {
    content: "";
    width: 3px;
    height: 13px;
    display: block;
    background-color: white;
    position: absolute;
    top: -5px;
    left: 5px;
    border-radius: 2px;
}

.is-active .accordion__toggle {
    background-color: #fff;
}

.is-active .accordion__toggle::before {
    display: none;
}


.accordion__body {
    display: none;
    padding: 1em;
    border-top: 0;
}

.accordion__body.is-active {
    display: block;
}

.img-box {
    margin: 10px;
    border-right: 2px solid #fb8018;
    border-top: 2px solid #fb8018;
    border-bottom: 30px solid #fb8018;
    border-left: 2px solid #fb8018;
}

.main-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

}

.d-grid-acour {
    border: 1px solid #d3d3d3;
    padding: 30px;
    margin: 10px;
}

.img-logo-width-2 {
    width: 50px;
}


.icn-sec {
  margin-bottom: 0px;
}

@media only screen and (max-width: 600px) and (min-width: 320px) {
 
  .main-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

}  
.d-grid-acour {
  border: 1px solid #d3d3d3;
  padding: 10px;
  margin: 10px;
}

.txet-d h2 {
  font-weight: 700;
  padding-bottom: 30px;
  font-size: 32px;
}



}


.brdr{
    border:2px solid #fe8019;
}

.counter {
  color: #000;
  font-size: 25px;
  font-weight: bold;
  
}

.nav-link{
    
font-size: 16px !important;
  color: #000;
}


/*New Gallery*/



.winner-box {
  box-shadow: 0px 3px 8px #00000061 !important;
  border: 3px solid #fff !important;
}

.winner-box {
  margin-bottom: 30px !important;
}

.scw-work .winner-box a {
  display: block;
  overflow: hidden;
}

.scw-work .winner-box img {
  width: 100% !important;
  height: 250px !important;
  object-fit: cover !important;
  -webkit-transition: all 2000ms !important;
  -o-transition: all 2000ms !important;
  transition: all 2000ms !important;
  object-position: 0 0 !important;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}



.border-n {
  border: 2px solid #999;
  padding: 20px;
  border-radius:7px;
}


.img-logo-width-3 {
  width: 70px;
  border: 2px solid #df703a;
  border-radius: 50%;
  padding: 6px;
}