body {
    font-family: 'Montserrat';
    line-height: 1.7;
    color: #545454;
}

a {
    font-weight: 500;
    text-decoration: none !important;
}

img {
    width: 100%;
}

.bg-cover {
background-position: center !important;
background-size: cover !important;
}


/*navs*/

.navemail i{
color: red;
}

.navemail {
    text-decoration: none;
    font-style: unset;
    color: #545454;
}

.navemail:hover {
    color: #ff1919;
}

.navtel {
    text-decoration: none;
    font-style: normal;
    color: #545454;
}

.navtel:hover {
    color: #ff1919;
}

.navtel i{
    color: rgb(174, 0, 255);
    }

.navtel {
    text-decoration: none;
}

.instatop {
    color: #ff407f;
    font-size: 25px;
}

.fbtop {
    color: #4267B2;
    font-size: 25px;
}

.wasaptop {
    color: #25D366;
    font-size: 25px;
}


.instatop:hover {
    color: #545454;
}

.fbtop:hover {
    color: #d400ff;
}

.wasaptop:hover {
    color: #d0ff00;
}

.nav-item a{
    font-size: 14px;
    font-weight: 600;
}

.bayrak {
    width: 15%;

}


/*slider*/

#heroslider {
    background-color: #4267B2;
}

.slider1 {
    
    background: linear-gradient(rgba(68, 68, 68, 0.062), rgba(84, 84, 84, 0.055)), url(images/carousel_test/ilk2.jpg);
    
    /* Center and scale the image nicely */
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider2 {
    
    background: linear-gradient(rgba(68, 68, 68, 0.3), rgba(84, 84, 84, 0.2)), url(images/carousel_test/canada.jpg);
    
}

.slider3 {
    background: linear-gradient(rgba(68, 68, 68, 0.3), rgba(84, 84, 84, 0.2)), url(images/carousel_test/orange.jpg);
    }

    .slider4 {
        background: linear-gradient(rgba(68, 68, 68, 0.3), rgba(84, 84, 84, 0.2)), url(images/carousel_test/1.jpg);
        }

        .slider5 {
            background: linear-gradient(rgba(68, 68, 68, 0.2), rgba(84, 84, 84, 0.1)), url(images/carousel_test/tip.jpg);
            }

            .slider6 {
                background: linear-gradient(rgba(68, 68, 68, 0.2), rgba(84, 84, 84, 0.1)), url(images/carousel_test/makedon.jpg);
                }

.slider-item {
    min-height: 65vh;
    display: table-cell;
  float: none;
  vertical-align: bottom;
}

.sliderh1 {
    color: white;
   
}

.sliderh6 {
    color: white;
    
}

.slidershadow {
    filter: drop-shadow(0px 0px 8px rgb(0, 0, 0));
}

.kanadah1 {
    filter: drop-shadow(0px 0px 2px rgb(255, 255, 255));
}

.btn {
    color: white;
    border: 2px solid white;
}

.owl-prev,
.owl-next {
    position: absolute ;
    top: 50%;
    width: 30px !important;
    height: 30px !important;
    display: grid ;
    place-items: center ;
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    font-weight: 700 !important;
    border-radius: 30px !important;
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

.owl-prev:hover,
.owl-next:hover{
background-color: #4267B2 !important;
color: #ffffff !important;
}

.owl-dots {
    margin-top: 0px;
}

/*form*/
.formicka {
    background: linear-gradient(to right, rgba(20, 3, 255, 0.75), rgba(17, 0, 255, 0.25)), url(images/login/bg3.jpg);
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    align-items: center;
}

.fomtex {
    color: #FFFFFF;
    filter: drop-shadow(0px 0px 0px rgb(0, 0, 0));
}

/*Panolar kartlar*/

    .kart {
    background-color: #FFFFFF;
    border-radius: 25px;
    transition: .3s;
   }

   .kart:hover{
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.2));
   }
   
   .pano {
       margin-top: 24px;
   }
   
   .card-img-top {
       height: 35px;
       width: 35px;
       margin-block: 16px;
       
   }

   .kart img,
   .kart button{
    justify-content: center !important;
   }
   
   .list-group {
       font-size: 12px;
       text-align: left;
       font-family: 'Montserrat';
   }
   
   .liste {
       justify-content: center;
   }
   
   ul {
       list-style: none;
   }
   
   .list-group a {
       text-decoration: none !important;
       color: #000000 !important;
   }
   
   .list-group a:hover {
       color: #F91A47 !important;
   }
   
   .card-title {
       padding-bottom: 8px;
   }
   
   .card-title:hover {
       color: #F91A47;
   }
   
   .uni::before {
       content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
       color: red; /* Change the color */
       font-weight: bold; /* If you want it to be bold */
       display: inline-block; /* Needed to add space between the bullet and the text */
       width: 1em; /* Also needed for space (tweak if needed) */
       margin-left: -1em; /* Also needed for space (tweak if needed) */
     }
   
     .uni2::before {
       content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
       color: blue; /* Change the color */
       font-weight: bold; /* If you want it to be bold */
       display: inline-block; /* Needed to add space between the bullet and the text */
       width: 1em; /* Also needed for space (tweak if needed) */
       margin-left: -1em; /* Also needed for space (tweak if needed) */
     }
   
     .uni3::before {
       content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
       color: green; /* Change the color */
       font-weight: bold; /* If you want it to be bold */
       display: inline-block; /* Needed to add space between the bullet and the text */
       width: 1em; /* Also needed for space (tweak if needed) */
       margin-left: -1em; /* Also needed for space (tweak if needed) */
     }
   
     .uni4::before {
       content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
       color: rgb(255, 0, 98); /* Change the color */
       font-weight: bold; /* If you want it to be bold */
       display: inline-block; /* Needed to add space between the bullet and the text */
       width: 1em; /* Also needed for space (tweak if needed) */
       margin-left: -1em; /* Also needed for space (tweak if needed) */
     }
   
     .uni5::before {
       content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
       color: purple; /* Change the color */
       font-weight: bold; /* If you want it to be bold */
       display: inline-block; /* Needed to add space between the bullet and the text */
       width: 1em; /* Also needed for space (tweak if needed) */
       margin-left: -1em; /* Also needed for space (tweak if needed) */
     }
   
     /*Buttons*/
   
     .btn1 {
       flex-direction: row;
       justify-content: flex-end;
       align-items: center;
       padding: 2px 8px;
       margin: 16px 16px;
       gap: 10px;
       background-color: white;
       border: 1px solid #FF7103;
       border-radius: 5px;
       font-size: 12px;
       color: #545454;
       width: 314px;
   }
   
   .btn1:hover {
       background: linear-gradient(to right, #f85306, #FF7103);
       color: white;
   }
   
   .btn2 {
      flex-direction: row;
       justify-content: flex-end;
       align-items: center;
       padding: 2px 8px;
       margin: 16px 16px;
       gap: 10px;
       background-color: white;
       border: 1px solid blue;
       border-radius: 5px;
       font-size: 12px;
       color: #545454;
       width: 314px;
   }
   
   .btn2:hover {
       background: linear-gradient(to right, rgba(0, 98, 224, 1), rgba(25, 175, 255, 1));
       color: white;
       border: none;
   }
   
   .btn3 {
       flex-direction: row;
       justify-content: flex-end;
       align-items: center;
       padding: 2px 8px;
       margin: 16px 16px;
       gap: 10px;
       background-color: white;
       border: 1px solid green;
       border-radius: 5px;
       font-size: 12px;
       color: #545454;
       width: 314px;
   }
   
   .btn3:hover {
       border: none;
       background: linear-gradient(to right, green, rgb(0, 199, 0));
       color: white;
       
   }
   
   .btn4 {
       flex-direction: row;
       justify-content: flex-end;
       align-items: center;
       padding: 2px 8px;
       margin: 16px 16px;
       gap: 10px;
       background-color: white;
       border: 1px solid rgb(255, 0, 98);
       border-radius: 5px;
       font-size: 12px;
       color: #545454;
       width: 314px;
   }
   
   .btn4:hover {
       border: none;
       background: linear-gradient(to right, rgb(240, 9, 67), rgb(255, 0, 98));
       color: white;
   }
   
   .btn5 {
       flex-direction: row;
       justify-content: flex-end;
       align-items: center;
       padding: 2px 8px;
       margin: 16px 16px;
       gap: 10px;
       background-color: white;
       border: 1px solid purple;
       border-radius: 5px;
       font-size: 12px;
       color: #545454;
       width: 314px;
   }
   
   .btn5:hover {
       border: none;
       background: linear-gradient(to right, rgba(158, 0, 255, 1), rgb(218, 4, 218));
       color: white;
   }


   /*quote*/

   .carousel-inner {
    background: linear-gradient(to right, rgb(226, 3, 255), rgb(255, 0, 98));
    /*
    background: linear-gradient(to right, rgba(226, 3, 255, 0.5), rgba(255, 0, 98, 0.5)), url(/overseas/images/carousel_test/1.jpg);
    */
    background-repeat: no-repeat;
    background-size: cover;
   }

   @media screen and (min-width: 1200px) {
    .carousel-inner{
     height:250px;
       }
 }      
 
 @media screen and (max-width: 1199px) {
    .carousel-inner{
     height:350px;
    }
 }

 @media screen and (max-width: 800px) {
    .carousel-inner{
     height:450px;
    }
 }
 
     @media screen and (max-width: 600px) {
        .carousel-inner{
         height:500px;
        }
 }

/*
   .quoteset {
    padding: 0px 0;
    
   }

   .sliderimg {
    margin-right: -150px;
    margin-left: 150px;
}

   .sliderimg img{
    width: 60%;
   }

   .q1icon,
   .q2icon {
    height: 25px;
    width: 25px;
   }

   .quotecontent {
    display: flexbox;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px;
    
   }

   .quotecontent h3{
    color: #ffffff;
    font-size: 16px;
   }

   .quotecontent h4{
    color: #ffffff;
    font-size: 14px;
   }

   .quotecontent p{
    color: #ffffff;
    font-size: 16px;
    font-style: italic;
   }

   /*neden*/

.neden {
    margin: 80px 0px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

   .oncuh1 {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 30px;
display: flex;
align-items: center;
text-align: center;

color: #F91A47;
}

.oncuh2 {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 24px;
display: flex;
align-items: center;
text-align: center;
margin-top: 0px;
color: #F91A47;

}

.oncup {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
padding-bottom: 10px;
color: #000000;
}

.info-box {
    display: flex;
    align-items: center;

}

   .info-box img{
    width: unset;
    margin-right: 8px;
    margin-top: -25px;
   }



   .iconniki:hover {
    transform: rotateZ(360deg);
    transition-duration: 2s;
   }

   .infoofinfo h5{
    font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 12px;
display: flex;
align-items: center;

color: #000000;
   }

   .infoofinfo p{
    font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-size: 12.81px;
line-height: 16px;

color: #000000;
   }

   @media screen and (max-width: 500px)  {
    .infoofinfo h5 p{
        text-align: center;
    }
   }

/*hizmetler*/

.hizmet {
    background-color: #F91A47;
}

#project-slider .owl-prev,
#project-slider .owl-next {
    position: absolute ;
    top: 50%;
    width: 50px !important;
    height: 50px !important;
    display: grid ;
    place-items: center ;
    color: #F91A47 !important;
    background-color: rgb(255, 255, 255) !important;
    font-weight: 700 !important;
    border-radius: 30px !important;
    margin-top: -15px;
    margin-left: 15px;
    margin-right: 15px;
}

   .hizmetler {
    position: relative;
    padding: 20px 0;
    transition: .3s;
   }

   .hizmetler:hover {
    transform: scale(1.1);
    filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.75));
   }


   .hizmetler .overlay {
    /*background: linear-gradient(rgba(3, 226, 255, 0), rgb(89, 0, 255));*/
    position: absolute;
    width: 100%;
    height: 75%;
    bottom: 20px;
    left: 0;
   }

   .hizmetler .content {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    
    padding: 0px;
   }

   .hizmetler h4{
    color: #ffffff;
    padding-left: 12px;
    
   }

   /*sekiller*/

.sekil {
    display: inline;
align-items: center;

margin: 16px 0px;
padding: 40px 0px;
}

.sekilh1 {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
display: flex;
align-items: center;
margin-bottom: -1px;
color: #F91A47;
}

.sekilh2 {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 24px;
display: flex;
align-items: center;
margin-bottom: 4px;
color: #F91A47;
}

.sekilp {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
margin-bottom: 8px;
color: #000000;
}

.sekilbtn {

color: white;
background: #19AFFF;
border: #FFFFFF solid 1px;
border-radius: 25px;
}

.sekilbtn:hover {
    color: #19AFFF;
background: white;
border: #19AFFF solid 1px;
}

/*partnerler*/

.partner {
    background-color: #ffd000;
    padding: 10px 0;
}

#partner-slider div{
    display: flex !important;
    align-items: center !important;
}

.partnerlogo {
    /*height: 50%;*/
    width: 150px !important;
    height: auto !important;
}

/*blog*/


  .inner {
    overflow: hidden !important;
    
  }

.inner img {
    transition: transform 0.5s ease !important;
}

  .inner:hover img{
    transform: scale(1.1);
    filter: drop-shadow(0px 0px 4px rgba(90, 90, 90, 0.75)) !important;

  }

/*
.blog {
    margin: 100px 0px;
}

.bloggy {
    background-color: #FFFFFF;
    transition: .3s;
}

.bloggy:hover{
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.5));
}

.blog h2{
    
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
}

.bloggy-body h5{
    font-weight: 700;
}

.blogbtn {
       align-items: center;
       margin-left: 30px;
       margin-top: -20px;
       padding: 2px 40px;
       background-color: white;
      
       border-radius: 5px;
       font-size: 14px;
       color: #F91A47;
       
       
}

.blogbtn:hover {
    background-color: #F91A47;
       border: 0px solid #ffffff;
       
       color: #FFFFFF;
}

#blog-slider .owl-prev,
#blog-slider .owl-next {
    position: absolute ;
    top: 50%;
    width: 50px !important;
    height: 50px !important;
    display: grid !important;
    place-items: center !important;
    color: #F91A47 !important;
    background-color: rgb(255, 255, 255) !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5));
    font-weight: 700 !important;
    font-size: 35px !important;
    border-radius: 30px !important;
    
}

/*hemen basvur*/

.basvur {
    background-color: #F91A47;
    border-radius: 25px;
}

.basvurh1 {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 30px;
display: flex;
align-items: center;

color: #FFFFFF;
}

.basvurh2 {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 30px;
display: flex;
align-items: center;

color: #FFFFFF;
}


/*footer*/

.footerlogo {
    width: 250px !important;
}

.kontaklar {
    color: #545454;
    font-family: 'Montserrat';
}

.kontaklar:hover {
    color: #F91A47;
}

.footerlink, .footerlinkheader {
    color: #545454;
    font-family: 'Montserrat';
}

.footerlink:hover {
    color: #F91A47;
}

/*footeralt*/

.bxl-instagram-alt {
    color: #545454;
    font-size: 25px;
}

.bxl-instagram-alt:hover {
    color: #F91A47;
}

.bxl-facebook-square {
    color: #545454;
    font-size: 25px;
}

.bxl-facebook-square:hover {
    color: #F91A47;
}

.bxl-whatsapp-square {
    color: #545454;
    font-size: 25px;
}

.bxl-whatsapp-square:hover {
    color: #F91A47;
}