@font-face{
    /*    src:url(font/Mrs_Sheppards/MrsSheppards-Regular.ttf);
        font-family: ink-free;*/
    /*src:url(font/Sansita_Swashed/SansitaSwashed-VariableFont_wght.ttf);
        font-family: sansita;*/
    src:url(font/Courgette/Courgette-Regular.ttf);
    font-family: ink-free;
    /* src:url(font/ink-free-normal.ttf);
        font-family: ink-free;*/
}
/*.sticky {
  position: fixed;
  top: 0;
  width: 100%;
 z-index: 100;
}*/
/*.navbar{
    padding: 0px;
    padding-right: 21px;
}*/
/* transform navigation text into black */
.navbar-dark .navbar-nav .nav-link {
    color: black;
}
/* navigation background color */ 
.bg-dark {
    background-color: #dbd9e8!important;
}
/* navigation text on hover turn the color into purple */ 
li :hover{
    color:red;
}
/* navigation text on hover turn the color into purple the code above this could be removed  */
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #7f248d;
    border-top:2px solid  #7f248d;
    border-radius: 15px;
}

/*.activenav {
    border-top:2px solid  #7f248d;
    border-radius: 15px;
}*/
/*.activenav { 
    border-top:2px solid  #7f248d;
    border-radius: 15px;
}*/
/* body background color */ 
body{
    background-color: #dbd9e8; 	
}
/* font style */
.ink-free {
    font-family: ink-free;
}
/* font size inside navigation */
.ink-free-nav-size {
    font-size: 1.5em; /* 40px/16=2.5em  */	
}
.ink-free-nav-logo-text-size {
    font-size: 1.4em; /* 40px/16=2.5em  */	
}
/* font transform to bold */
.ink-free-bold{
    font-weight: bold;
}
/* font size whithin carousel title */
.ink-free-carousel-title-size {
    font-size: 2.5em; /* 40px/16=2.5em  */	
}
/* the text below the logo*/
.bottom-logo-text{
    margin-top: -26px;
    padding-left: 85px;
}
/*padding top of the logo*/
.logo-top-padding{
    padding-top: 18px;
}
/* logo*/
.nav-below-logo-text{
    padding-bottom: 0px;
    padding-left: 20px;
}
/*padding top of the logo*/
.img-margin-top{
    margin-top: 10px;
    padding-bottom: 34px;
}

/* start of carousel style */

.cta-100 {
    padding-right: 8%;
    padding-left: 8%; 
    margin-left: 1%;
    margin-top: 4%;
}

.col-md-4{
    padding-bottom:20px;
}

.white {
    color: white !important;
    background-color: #7f248d;
    font-size: 20px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.black{
    color: #000000 !important;
}
.mt{float: left;margin-top: -20px;padding-top: 20px;}
.bg-blue-ui {
    background-color: wite !important;
}


#blogCarousel {
    padding-bottom: 100px;
}

.blog .carousel-indicators {
    left: 21%;
    top: -50px;/* 85%*/
    height: 27px;
    padding-top: 5px;
}


/* The colour of the indicators */

.blog .carousel-indicators li {
    background: #708198;
    border-radius: 50%;
    width: 6px;
    height: 0px;
}

.blog .carousel-indicators .active {
    background: #7f248d;
}

.carousel-indicators {
    margin-top: 10px;
}


.item-carousel-blog-block {
    outline: medium none;
    padding: 15px;
}

.item-box-blog {
    border: 1px solid #0a0a0a;
    text-align: center;
    z-index: 4;
    padding: 20px;
    border-top-left-radius: 28px;
    border-bottom-right-radius: 28px;
    background-color:white;
    width:220px
}
.item-box-blog-image {
    position: relative;
}

.item-box-blog-image figure img {
    width: 99%;
    height: auto;
}
.item-box-blog-image-fix-dl figure img {
    width: 84.5%;
    height: auto;
    /*margin-left: 10%;*/
}
.item-box-blog-image-fix-pd figure img {
    width: 124%;
    height: auto;
    margin-left: -12%;
}
.item-box-blog-image-fix-covid19 figure img {
    width: 80.5%;
    height: auto;
}
.item-box-blog-image-fix-kto12 figure img {
    width: 94%;
    height: auto;
}
.item-box-blog-image-fix-s figure img {
    width: 85%;
    height: auto;
}
.item-box-blog-date {
    /* position: absolute; */
    z-index: 5;
    /* padding: 4px 20px; */
    /* top: -20px; */
    /* right: 8px; */
    background-color: transparent;
    color: black;
}

.item-box-blog-date span {
    color: #fff;
    display: block;
    text-align: center;
    line-height: 1.2;
}

.item-box-blog-date span.mon {
    font-size: 1.4em;
    color:black;
}

.item-box-blog-date span.day {
    font-size: 16px;
}

.item-box-blog-body {
    padding: 10px;
}

.item-heading-blog a h5 {
    margin: 0;
    line-height: 1;
    text-decoration:none;
    transition: color 0.3s;
}

.item-box-blog-heading a {
    text-decoration: none;
}

.item-box-blog-data p {
    font-size: 13px;
}

.item-box-blog-data p i {
    font-size: 12px;
}

.item-box-blog-text {
    max-height: 100px;
    overflow: hidden;
}
.carousel-inner {
    width: 140%;
}
.container{
    max-width:1000px;
}
.custom-carousel-text{
    display: none;font-weight:900;font-size: 12px;
}
/* end of carousel style */
.btn.bg-blue-ui.white.read {
    cursor: pointer;
    padding: 4px 20px;
    float: left;
    margin-top: 10px;
}
.btn.bg-blue-ui.white.read:hover {
    box-shadow: 0px 5px 15px inset #4d5f77;
}

/* start phone burger button */
.navbar-dark .navbar-toggler-icon {
    background-image:url(pictures/menu.svg) ;
}
.navbar-dark .navbar-toggler {
    border-color: #7f248d;
}
/* end phone burger button */

.welcome-div-adjustment{
    padding-bottom:120px;
    margin-top: -105px;/*25%*/
    text-align: center;
    /*position:absolute;
    z-index:-1;*/
}
.welcome-texte{
    font-size:1.1em;
    text-align:center;	
    line-height: 1;
}
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #7f248d;
    color: white;
    text-align: center;
}  
.custom-facbooke-pic-size {
    width: 40px;
}
.custom-facbooke-pic-position{
    text-align: left;
    /* padding: 4px; */
    padding-top: 9px;
    padding-bottom: 4px;
    padding-left: 30px;
}
.custom-insta-pic-position{
    text-align: left;
    /* padding: 4px; */
    padding-top: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
}
/* ************************************************************************************* */
/* start covid 19 page */
.custom-h1{
    font-size:2rem;
    text-transform:uppercase;
    -webkit-text-stroke: 1px black;
}
.custom-h2{
    font-size:1.5rem;
}
.ink-free-covid19-text-size{
    font-size:1em;
}
/* asi icon bzdigtsnelou hamar librari icon bs4
.fas {
    line-height: 1;
    font-size: 10px;
}
*/
.covid19-spacing-between-paragrafs{
    padding-bottom:25px;
}
.Thermal-Camera-image-sizes{
    width: 335px;
    height:400px;
}
.six-ngare-irar-heden-image-sizes{
    width: 335px;
    height:400px;
}
.eight-ngare-irar-heden-image-bottom-padding{
    padding-bottom:20px;
}
.covid19-video{
    width:50%;
    height:320px;

}
.custom-padding-leftright{
    padding-left:23px;
    padding-right:23px;
} 


.six-ngare-irar-heden-image-sizes{
    width: 335px;
    height:400px;

}
.six-ngare-irar-heden-image-bottom-paddingimg{
    padding-bottom: 25px;
    padding-left: 0%;
}
.eight-ngare-irar-heden-image-bottom-paddingimg{
    padding-bottom:20px;
    padding-left: 0%;
}
section{
    position:relative;
    width:100%;

    overflow:hidden;

}
/*section.sec1 {
       background:#504077;
   height: 64vh;
   padding-top: 43px;
}
section.sec2{
       background:#924992;
       height:100vh;
}*/
section.sec0{
    /* background:#dbd9e8;*/
    background: rgb(80,64,119);
    background: linear-gradient(0deg, rgba(80,64,119,1) 0%, rgba(219,217,232,1) 60%);
    height:10vh;
}
section.sec1{
    background:#504077;
    height: 64vh;
    padding-top: 52px;
    /*background: rgb(80,64,119);
background: linear-gradient(0deg, rgba(80,64,119,1) 97%, rgba(219,217,232,1) 100%);*/

}
section.sec2{
    /* background:#924992;*/
    background: rgb(80,64,119);
    background: linear-gradient(180deg, rgba(80,64,119,1) 0%, rgba(146,73,146,1) 50%, rgba(146,73,146,1) 100%);
    height:75vh;
}
section.sec3{
    /*background:#924992;#ff6868;*/
    background: rgb(80,64,119);
    background: linear-gradient(180deg, rgba(80,64,119,1) 0%, rgba(146,73,146,1) 50%, rgba(146,73,146,1) 100%);
    height:75vh;
}
section.sec4{
    /*background:#924992;*/
    background: rgb(80,64,119);
    background: linear-gradient(180deg, rgba(80,64,119,1) 0%, rgba(146,73,146,1) 50%, rgba(146,73,146,1) 100%);
    height:75vh;
}
section.sec5{
    background:#924992;/*#504077;*/
    height:60vh;
    padding-top:0px;
}
section.sec6{
    /*background:#504077;*/
    background: rgb(80,64,119);
    background: linear-gradient(0deg, rgba(80,64,119,1) 51%, rgba(146,73,146,1) 100%);
    height:85.3vh
}
section.sec7{
    background:#504077;

    height: 90vh;
    padding-top: 115px;
}
section.sec8{
    background:#dbd9e8;
    height:63vh;
    padding-top: 115px;
}
section.sec9{
    /*background:#924992;#504077;*/
    background: rgb(80,64,119);
    background: linear-gradient(180deg, rgba(80,64,119,1) 0%, rgba(146,73,146,1) 50%, rgba(146,73,146,1) 100%);
    height:390vh;
}
section.sec11{
    /* background:#504077;/*924992;*/
    background: rgb(80,64,119);
    background: linear-gradient(0deg, rgba(80,64,119,1) 51%, rgba(146,73,146,1) 100%);
    height:63vh;
}
section.sec12{
    /* background:#504077;/*924992;background:#924992;#ff6868;*/
    background: rgb(80,64,119);
    background: linear-gradient(0deg, rgba(80,64,119,1) 51%, rgba(146,73,146,1) 100%);
    height:63vh;
}
section.sec13{
    /* background:#504077;/*924992;*/
    background: rgb(80,64,119);
    background: linear-gradient(0deg, rgba(80,64,119,1) 51%, rgba(146,73,146,1) 100%);
    height:63vh;
}
.six-ngar-custom{
    padding-top: 53px;
    color:#dbd9e8;
}
.eight-ngar-custom{
    padding-top: 0px;
    color:#dbd9e8;
}
.custom-sec-2-3-4{
    color:#dbd9e8;
}
.custom-sec-11-12-13{
    padding-top: 45px;
    color:#dbd9e8;

}
.custom-padding-color-sec7{padding-left: 9%; color:#dbd9e8;}
.padding-left-for-three-pics{
    padding-left: 4.5%;
}
.six-eight-ngar-padding-left{
    padding-left: 4%;
}









/* end covid 19 page */
/* **************************************************************************************** */
/*  start of about us page */
.containeraboutus1{
    width:100%;
    height:60vh;
    background-color:#504077;
    transform:skew(0deg, 0deg) translateY(45px);
    border-top-left-radius: 30px;
}
.contentaboutus1{
    width:100%;
    color:#dbd9e8;
    padding:10px;
    transform:skew(0deg,0deg) translateY(17px);

}
.contentaboutus1 h1{
    width:100%;
    padding-bottom: 20px;
    color:#fff;
    font-size: 20px;
    text-transform:uppercase;
    /*    padding: 0px 30px;*/
    -webkit-text-stroke: 1px #dbd9e8;
}
.contentaboutus1 h2{
    padding:10px 450px;
    margin:0;
    line-height: 1.2;
    font-size:20px;
}
.contentaboutus1 p{
    padding:0px 2px;
    margin:0;
    line-height: 1.3;
    font-size:17px;
}
.containeraboutus2{
    width:100%;
    height:60vh;
    background-color:#924992;
    transform:skew(0deg, 0deg) translateY(45px);
}
.contentaboutus2{
    width:100%;
    color:#dbd9e8;
    padding:10px;
    transform:skew(0deg,0deg) translateY(17px);
}
.contentaboutus2 h1{
    width:100%;
    padding-bottom: 20px;
    color:#fff;
    font-size: 20px;
    text-transform:uppercase;
    /*    padding: 0px 30px;*/
    -webkit-text-stroke: 1px #dbd9e8;
}
.contentaboutus2 h2{
    padding:10px 450px;
    margin:0;
    line-height: 1.2;
    font-size:20px;
}
.contentaboutus2 p{
    padding:0px 2px;
    margin:0;
    line-height: 1.3;
    font-size:17px;
}

.containeraboutus3{
    width:100%;
    height:60vh;
    background-color:#504077;
    transform:skew(0deg, 0deg) translateY(45px);

    border-bottom-right-radius: 30px;
}
.contentaboutus3{
    width:100%;
    color:#dbd9e8;
    padding:10px;
    transform:skew(0deg,0deg) translateY(17px);
}
.contentaboutus3 h1{
    width:100%;
    padding-bottom: 20px;
    color:#fff;
    font-size: 20px;
    text-transform:uppercase;
    /*    padding: 0px 30px;*/
    -webkit-text-stroke: 1px #dbd9e8;
}
.contentaboutus3 h2{
    padding:10px 450px;
    margin:0;
    line-height: 1.2;
    font-size:20px;
}
.contentaboutus3 p{
    padding:0px 2px;
    margin:0;
    line-height: 1.3;
    font-size:17px;
}
.aboutus-padding{
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 200px;

}
/* end of about us page */
/* ******************************************************************************* */


.ink-free-contactus-text-size{
    font-size:1.3rem;
}

.jumbotroncontact{
    margin-top: -14px;
}
.contactusinputs-padding{
    /*    padding:5px;*/
    padding-top: 0px;
    padding-bottom: 0px;
}
textarea {
    resize: none; 
}
.containercontactus1{
    width:50%;
    height:66vh;
    background-color:#504077;
    transform:skew(0deg, 0deg) translateY(45px);
    max-width: 68%;
    border-top-left-radius: 30px;
    /*   border-bottom-left-radius: 20px;*/
}
.contentcontactus1{
    width:100%;
    color:#dbd9e8;
    padding:25px;
    transform:skew(0deg,0deg) translateY(38px)translateX(20px);

}
.containercontactus2{
    width:55%;
    height:66vh;
    background-color:#924992;
    transform:skew(0deg, 0deg) translateY(45px);
    max-width: 68%;
    /*    border-top-right-radius: 20px;*/
    border-bottom-right-radius: 30px;
}
.contentcontactus2{
    width:100%;
    color:#dbd9e8;
    padding:25px;
    transform:skew(0deg,0deg) translateY(39px) translateX(14px);

}
.custommain{
    // margin-left: 34.7%;
    margin-left: auto;
    margin-right: auto;
}

.hoverpointer:hover{
    cursor: pointer;
    background-color: white;
    opacity:0.5;
}
.btn{
    font-weight: 300;
}
.whitecontactus{
    font-size: 18;
    color:white !important;
    background-color: #7f248d;
    border:1px solid #dbd9e8;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
/* */
/* ************************************************************************************ */

.rectangle1{
    background-color: red;
    border: 1px solid black;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.rectangle2{
    background-color: blue;
    border: 1px solid black;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.rectangle3{
    background-color: orange;
    border: 1px solid black;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.rectangle4{
    background-color: purple;
    border: 1px solid black;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.rectangle5{
    background-color: yellow;
    border: 1px solid black;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.rectangle6{
    background-color: greenyellow;
    border: 1px solid black;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
/* */
/* ************************************************************************************ */


/* start k12 page*/
/* ************************************************************************************ */
.logo-teacherscreatedmaterial{
    display: inline-block;width: 94%;
}
.logo-ashabona{
    display: inline-block;width: 57%;
}
.logo-lwt{
    display: inline-block;width: 95%;
}
.logo-royalabc{
    display: inline-block;width: 96%;
}
.logo-kendallhunt{
    display: inline-block;width: 77%;
}
.logo-edcolearning{
    display: inline-block;width: 93%;
}
.meg{
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    padding-top: 9px;
    padding-bottom: 9px;
    /*padding-left: 28px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    text-align:center;

}
.yergou{
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    padding-top: 13.25px;
    padding-bottom: 13.25px;
    padding-left: 13.5px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
}
.yerek{
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    padding-top: 11px;
    padding-bottom: 11px;
    /*padding-left: 106px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    text-align:center;
}
.chorse{
    background-color: white;
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    padding-top: 19px;
    padding-bottom: 7px;
    /*padding-left: 9.5px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
text-align:center;
}
.hing{
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    background-color: #ffffff;
    padding-top: 38px;
    padding-bottom: 39px;
    /*padding-left: 68px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
text-align:center;

}
.vets{
    background-color: #626261;
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    padding-top: 4px;
    padding-bottom: 37px;
    /*padding-left: 31.5px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    text-align: center;

}
/* end of k12 page*/
/* ************************************************************************************ */
.kanata-logo-f{
                border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 120px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;

            }
            .logo-kanata{
                display: inline-block;
                width: 45%;
            }
            .remarkrectangle-logo-f{
                border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 65px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkrectangle{
                display: inline-block;
                width: 78%;
            }
            .logo-tcmtcmrectangle {
    display: inline-block;
    width: 78%;
    height: 188px;
}
            .remarkrectanglecloud-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 44px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkrectanglecloud{
                display: inline-block;
                width: 85%;
            }
            .remarksharp-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 25px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarksharp{
                display: inline-block;
                width: 93%;
            }
            .remarkmiddleeast-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 60px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkmiddleeast{
                display: inline-block;
                width: 83%;
            }
            
            
            .lwtearsPD-logo{
                  border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /* border: 1px solid black; */
    padding-top: 61px;
    padding-bottom: 61px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
            }
            .logo-lwtearsPD{
                display: inline-block;
                width: 100%;
            }
           
           
           
           .tta-logo-f{
                        border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
}
            
            .logo-tta{
                display: inline-block;
                width: 92%;
            }
           
           
            .widt-cu-100{
                width:90%;
            }
            
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    /*   body {background: red;}*/
     .phone-menu{
		text-align: center;
	}
    .logo-teacherscreatedmaterial{
    display: inline-block;width: 65px;
}
.logo-ashabona{
    display: inline-block;width: 65px;
}
.logo-lwt{
    display: inline-block;width: 65px;
}
.logo-royalabc{
    display: inline-block;width: 65px;
}
.logo-kendallhunt{
    display: inline-block;width: 65px;
}
.logo-edcolearning{
    display: inline-block;width: 65px;
}
.meg{
     border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    padding-top: 14px;
    padding-bottom: 14px;
    /*padding-left: 6px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
width: 75px;
}
.yergou{
      border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    width: 75px;
}
.yerek{
      border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    padding-top: 4px;
    padding-bottom: 4px;
    /*padding-left: 5px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    width: 75px;
    /*text-align:center;*/
}
.chorse{
    background-color: white;
      border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    padding-top: 14px;
    padding-bottom: 14px;
    /*padding-left: 5px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
width: 75px;

}
.hing{
     border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    background-color: #ffffff;
    padding-top: 14px;
    padding-bottom: 14px;
    /*padding-left: 5px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;

width: 75px;
}
.vets{
    background-color: #626261;
      border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    padding-top: 10px;
    padding-bottom: 18px;
    /*padding-left: 5px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
width: 75px;
}
    /* **************************** */
	.phone-menu{
		text-align: center;
	}
	.cta-100 {
		margin-top: 17%;
	}
        
        
         .kanata-logo-f{
                border-top-left-radius: 20px;
                border-bottom-right-radius: 20px;
                padding-top: 5px;
                padding-bottom: 2.55px;
                padding-left: 5px;
/*                padding-right: 70px;*/
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
width: 75px;
            }
            .logo-kanata{
                display: inline-block;
                width: 65px;
            }
            .remarkrectangle-logo-f{
                   border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 5px;
/*    padding-right: 70px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    width: 75px;
            }
            .logo-remarkrectangle{
                display: inline-block;
                width: 65px;
            }
            .remarkrectanglecloud-logo-f{
               border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 5px;
/*    padding-right: 70px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    width: 75px;
            }
            .logo-remarkrectanglecloud{
                display: inline-block;
                width: 65px;
            }
            .remarksharp-logo-f{
                border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 5px;
/*    padding-right: 70px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    width: 75px;
            }
            .logo-remarksharp{
                display: inline-block;
                width: 65px;
            }
            .remarkmiddleeast-logo-f{
                border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 5px;
/*    padding-right: 70px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    width: 75px;
            }
            .logo-remarkmiddleeast{
                display: inline-block;
                width: 65px;
            }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
/*      body {background: green;}*/
    .phone-menu{
		text-align: center;
	}
	.cta-100 {
		margin-top: 17%;
	}
        
     .logo-teacherscreatedmaterial{
    display: inline-block;width: 210px;
}
.logo-ashabona{
    display: inline-block;width:210px;
}
.logo-lwt{
    display: inline-block;width: 210px;
}
.logo-royalabc{
    display: inline-block;width: 210px;
}
.logo-kendallhunt{
    display: inline-block;width: 210px;
}
.logo-edcolearning{
    display: inline-block;width: 210px;
}
.meg{
     border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    padding-top: 14px;
    padding-bottom: 14px;
    /*padding-left: 49px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    /*text-align:center;*/

}
.yergou{
      border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 49px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
   
}
.yerek{
      border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    padding-top: 4px;
    padding-bottom: 4px;
    /*padding-left: 49px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
   
}
.chorse{
    background-color: white;
      border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    padding-top: 14px;
    padding-bottom: 14px;
    /*padding-left: 49px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;

}
.hing{
     border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    background-color: #ffffff;
    padding-top: 14px;
    padding-bottom: 14px;
    /*padding-left: 25px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;


}
.vets{
    background-color: #626261;
      border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*    border: 1px solid black;*/
    padding-top: 10px;
    padding-bottom: 18px;
    /*padding-left: 49px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;

}    
        
  /* ************************* */      
         .kanata-logo-f{
                border-top-left-radius: 20px;
                border-bottom-right-radius: 20px;
                padding-top: 5px;
                padding-bottom: 2.55px;
                padding-left: 45px;
/*                padding-right: 70px;*/
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;

            }
            .logo-kanata{
                display: inline-block;
                width: 75px;
            }
            .remarkrectangle-logo-f{
                   border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 47px;
/*    padding-right: 70px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    
            }
            .logo-remarkrectangle{
                display: inline-block;
                width: 75px;
            }
            .remarkrectanglecloud-logo-f{
               border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 47px;
/*    padding-right: 70px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
   
            }
            .logo-remarkrectanglecloud{
                display: inline-block;
                width: 75px;
            }
            .remarksharp-logo-f{
                border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 35px;
/*    padding-right: 70px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
   
            }
            .logo-remarksharp{
                display: inline-block;
                width: 100px;
            }
            .remarkmiddleeast-logo-f{
                border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 47px;
/*    padding-right: 70px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
    
            }
            .logo-remarkmiddleeast{
                display: inline-block;
                width: 75px;
            }
       

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
/*     body {background: blue;}*/
   .hing{
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    background-color: #ffffff;
    padding-top: 38px;
    padding-bottom: 26px;
    /*padding-left: 26px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;


}  
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /* body {background: orange;} */
    .logo-teacherscreatedmaterial{
    display: inline-block;width: 85%;
}
.logo-ashabona{
    display: inline-block;width: 51%;
}
.logo-lwt{
    display: inline-block;width: 95%;
}
.logo-royalabc{
    display: inline-block;
    width: 69%;
    border-bottom: 7px solid white;
}
.logo-kendallhunt{
    display: inline-block;width: 77%;
}
.logo-edcolearning{
    display: inline-block;width: 87%;
}
.logo-rkpublshing{
    display: inline-block;
    width: 89%;
    border-bottom: 10px solid white;
}
}
.meg{
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    padding-top: 9px;
    padding-bottom: 9px;
    /*padding-left: 28px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;

}
.yergou{
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    padding-top: 13.25px;
    padding-bottom: 13.25px;
    padding-left: 13.5px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
}
.yerek{
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    padding-top: 11px;
    padding-bottom: 11px;
    /*padding-left: 106px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;
}
.chorse{
    background-color: white;
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    padding-top: 19px;
    padding-bottom: 7px;
    /*padding-left: 9.5px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;

}
.hing{
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    background-color: #ffffff;
    padding-top: 38px;
    padding-bottom: 39px;
    /*padding-left: 68px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;


}
.vets{
    background-color: #626261;
    border-top-left-radius: 27px;
    border-bottom-right-radius: 27px;
    /*    border: 1px solid black;*/
    padding-top: 4px;
    padding-bottom: 37px;
    /*padding-left: 31.5px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 9px 6px grey;

}
    /* ************************************ */
    .container {
        max-width: 715px;
    }
    .cta-100 {
    padding-right: 8%;
    padding-left: 8%; 
    margin-left: 1%;
    margin-top: 4%;
}
} 
@media only screen and (min-width: 1000px) {
    /*  body {background: red;} */
    .container {
        max-width: 815px;
    }
    .cta-100 {
    padding-right: 8%;
    padding-left: 8%; 
    margin-left: 1%;
    margin-top: 4%;
}
} 


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    /*  body {background: blue;} */
    
    
    /* **************************************** */
    .container {
        max-width: 1066px;
    }
    .cta-100 {
    padding-right: 8%;
    padding-left: 8%; 
    margin-left: 1%;
    margin-top: 4%;
}
    .kanata-logo-f{
                border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 120px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;

            }
            .logo-kanata{
                display: inline-block;
                width: 45%;
            }
            .remarkrectangle-logo-f{
                border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 65px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkrectangle{
                display: inline-block;
                width: 78%;
            }
            .remarkrectanglecloud-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 44px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkrectanglecloud{
                display: inline-block;
                width: 85%;
            }
            .remarksharp-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 25px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarksharp{
                display: inline-block;
                width: 93%;
            }
            .remarkmiddleeast-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 60px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkmiddleeast{
                display: inline-block;
                width: 83%;
            }
}
/* Extra small devices (phones, 600px and down) */

@media only screen and (min-width: 1440px) {
    .cta-100 {
        margin-left: 14%;
    }
    .logo-teacherscreatedmaterial {
    display: inline-block;
    width: 78%;
}
.kanata-logo-f{
                border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 120px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;

            }
            .logo-kanata{
                display: inline-block;
                width: 45%;
            }
            .remarkrectangle-logo-f{
                border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 65px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkrectangle{
                display: inline-block;
                width: 78%;
            }
            .remarkrectanglecloud-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 44px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkrectanglecloud{
                display: inline-block;
                width: 85%;
            }
            .remarksharp-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 25px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarksharp{
                display: inline-block;
                width: 93%;
            }
            .remarkmiddleeast-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 60px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkmiddleeast{
                display: inline-block;
                width: 83%;
            }
            .logo-ashabona {
    display: inline-block;
    width: 42%;
}
.logo-edcolearning {
    display: inline-block;
    width: 81%;
}
.logo-royalabc {
    display: inline-block;
    width: 63%;
    border-bottom: 7px solid white;
}
.logo-rkpublshing {
    display: inline-block;
    width: 80%;
    border-bottom: 10px solid white;
}
}
/* Extra small devices (phones, 600px and down) */

@media only screen and (min-width: 1680px) {
    
    .item-box-blog {
        width:300px
    }
    .carousel-inner {
        width: 180%;
    }
    .blog .carousel-indicators {
        left: 63%;
    }
    .cta-100 {
        margin-left: 10%;
    }
    #blogCarousel{
        padding-bottom: 0px;
    }
    .welcome-div-adjustment{
        padding-bottom:120px;
        margin-top: 60px;/*25%*/
        text-align: center;
        /*position:absolute;
        z-index:-1;*/
    }
    .welcome-texte{
        font-size:1.3em;
        text-align:center;	
        line-height: 1.2;
    }
    .hoverpointer:hover{
        cursor: pointer;
        background-color: white;
        opacity:0.5;
    }
    .custom-carousel-text{
        display: none;font-weight:900;font-size: 14px;
    }
    /* ******************************************************************************** */
    /* start of covid page */
    .covid19-video{
        width:50%;
        height:500px;

    }
    .custom-h1{
        font-size:2.5rem;
        text-transform:uppercase;
        -webkit-text-stroke: 1px black;
    }
    .custom-h2{
        font-size:2rem;
    }
    .ink-free-covid19-text-size{
        font-size:1.4rem;
    }
    section.sec0{
        /*background:#dbd9e8;*/
        height:10vh;
    }
    section.sec1{
        background:#504077;
        height: 71.5vh;
        padding-top: 52px;
        /*background: rgb(80,64,119);
background: linear-gradient(0deg, rgba(80,64,119,1) 97%, rgba(219,217,232,1) 100%);*/

    }
    section.sec2{
        /* background:#924992;*/

        height:63vh;
    }
    section.sec3{
        /* background:#924992;#ff6868;*/
        height:63vh;
    }
    section.sec4{
        /*background:#924992;*/
        height:63vh;
    }
    section.sec5{
        background:#924992;/*#504077;*/
        height:45vh;
        padding-top:35px;
    }
    section.sec6{
        /*background:#504077;*/
        height:85.3vh
    }
    section.sec7{
        background:#504077;
        height: 71.5vh;
        padding-top: 35px;
    }
    section.sec8{
        background:#dbd9e8;
        height:63vh;
        padding-top: 115px;
    }
    section.sec9{
        /*background:#924992;#504077;*/
        height:345vh;
    }
    section.sec11{
        /* background:#504077;/*924992;*/
        height:63vh;
    }
    section.sec12{
        /* background:#504077;/*924992;background:#924992;#ff6868;*/
        height:63vh;
    }
    section.sec13{
        /*  background:#504077;/*924992;*/
        height:63vh;
    }


    .custom-padding-leftright{
        padding-left:23px;
        padding-right:23px;
    } 


    .six-ngare-irar-heden-image-sizes{
        width: 335px;
        height:400px;

    }
    .six-ngare-irar-heden-image-bottom-paddingimg{
        padding-bottom: 25px;
        padding-left: 20%;
    }
    .eight-ngare-irar-heden-image-bottom-paddingimg{
        padding-bottom:20px;
        padding-left: 20%;
    }

    section.sec7-8{
        background:#dbd9e8;
        height:63vh;
        padding-top: 115px;
    }
    section.sec5l{
        background:red;
        height:33vh;
    }
    .six-ngar-custom{
        padding-top: 53px;
        color:#dbd9e8;
    }
    .eight-ngar-custom{
        padding-top: 53px;
        color:#dbd9e8;
    }
    .custom-sec-2-3-4{
        color:#dbd9e8;
    }
    .custom-sec-11-12-13{
        padding-top: 45px;
        color:#dbd9e8

    }
    .custom-padding-color-sec7{padding-left: 9%; color:#dbd9e8}
    .padding-left-for-three-pics{
        padding-left: 10%;
    }
    .six-eight-ngar-padding-left{
        padding-left: 4%;
    }




    .skewed0l{
        border-width: 0px 44px 111px 730px;
        border-color: transparent transparent transparent #dbd9e8;
        border-style: solid;
        position: absolute;
        margin-top: -53px;
        margin-left: -15px;

    }
    .skewed0r{
        border-width: 0px 730px 96px 96px;
        border-color: red orange #504077 blue;
        border-style: solid;
        position: absolute;
        margin-left: -110px;
    }
    .skewed2{
        border-width: 73px 0 0 730px;
        border-color: #504077 transparent transparent transparent;
        border-style: solid;
        position: absolute;
    }
    .skewed3{
        border-width: 73px 730px 0 0;
        border-color: #504077 transparent transparent transparent;
        border-style: solid;
        position: absolute;
        margin-left: -110px;
    }
    .skewed4{
        border-width: 0 0 73px 730px;
        border-color: transparent transparent #504077 transparent;
        border-style: solid;
        position: absolute;
        margin-left: -110px;
    }
    .skewed5{
        border-width: 0 730px 73px 0;
        border-color: transparent transparent #504077 transparent;
        border-style: solid;
        position: absolute;
        margin-left: -110px;
        margin-top:123px;;
    }
    /* end covid 19 page */
    /* ********************************************************************************* */
    /* start of about us page */
    .containeraboutus1{
        width:50%;
        height:60vh;
        background-color:#504077;
        transform:skew(0deg, 0deg) translateY(45px);
        border-top-left-radius: 30px;

    }
    .contentaboutus1{
        width:100%;
        color:#dbd9e8;
        padding:10px;
        transform:skew(0deg,0deg) translateY(40px);

    }
    .contentaboutus1 h1{
        width:100%;
        padding-bottom: 0px;
        color:#fff;
        font-size: 25px;
        text-transform:uppercase;
        /*        padding: 0px 200px;*/
        -webkit-text-stroke: 1px #dbd9e8;
    }
    .contentaboutus1 h2{
        padding:10px 450px;
        margin:0;
        line-height: 1.2;
        font-size:20px;
    }
    .contentaboutus1 p{
        padding:0px 17px;
        margin:0;
        line-height: 1.6;
        font-size:22px;
    }
    .containeraboutus2{
        width:50%;
        height:60vh;
        background-color:#924992;
        transform:skew(0deg, 0deg) translateY(45px);
    }
    .contentaboutus2{
        width:100%;
        color:#dbd9e8;
        padding:10px;
        transform:skew(0deg,0deg) translateY(37px);
    }
    .contentaboutus2 h1{
        width:100%;
        padding-bottom: 0px;
        color:#fff;
        font-size: 25px;
        text-transform:uppercase;
        /*        padding: 0px 200px;*/
        -webkit-text-stroke: 1px #dbd9e8;
    }
    .contentaboutus2 h2{
        padding:10px 450px;
        margin:0;
        line-height: 1.2;
        font-size:20px;
    }
    .contentaboutus2 p{
        padding:0px 17px;
        margin:0;
        line-height: 1.6;
        font-size:22px;
    }

    .containeraboutus3{
        width:50%;
        height:60vh;
        background-color:#504077;
        transform:skew(0deg, 0deg) translateY(45px);
        border-bottom-right-radius: 30px;
    }
    .contentaboutus3{
        width:100%;
        color:#dbd9e8;
        padding:10px;
        transform:skew(0deg,0deg) translateY(37px);
    }
    .contentaboutus3 h1{
        width:100%;
        padding-bottom: 0px;
        color:#fff;
        font-size: 25px;
        text-transform:uppercase;
        /*        padding: 0px 200px;*/
        -webkit-text-stroke: 1px #dbd9e8;
    }
    .contentaboutus3 h2{
        padding:10px 450px;
        margin:0;
        line-height: 1.2;
        font-size:20px;
    }
    .contentaboutus3 p{
        padding:0px 17px;
        margin:0;
        line-height: 1.6;
        font-size:22px;
    }
    /* end of about us page  */
    /* ****************************************************************** */


    textarea {
        resize: none; 
    }
    .containercontactus1{
        width:50%;
        height:55vh;
        background-color:#504077;
        transform:skew(0deg, 0deg) translateY(45px);
        max-width: 68%;
    }
    .contentcontactus1{
        width:100%;
        color:#dbd9e8;
        padding:25px;
        transform:skew(0deg,0deg) translateY(38px)translateX(20px);

    }
    .containercontactus2{
        width:55%;
        height:55vh;
        background-color:#924992;
        transform:skew(0deg, 0deg) translateY(45px);
        max-width: 68%;
    }
    .contentcontactus2{
        width:100%;
        color:#dbd9e8;
        padding:25px;
        transform:skew(0deg,0deg) translateY(39px) translateX(14px);

    }
    .custommain{
        // margin-left: 34.7%;
        margin-left: auto;
        margin-right: auto;
    }
    /* start k12 page*/
    /* ************************************************************************************ */
    .logo-teacherscreatedmaterial{
        display: inline-block;width: 74%;
    }
    .logo-ashabona{
        display: inline-block;width: 41%;
    }
    .logo-lwt{
        display: inline-block;width: 95%;
    }
    .logo-royalabc{
        display: inline-block;width: 61%;border-bottom: 20px solid white;
    }
    .logo-rkpublshing{
        display: inline-block;width: 80%;border-bottom: 23px solid white;
    }
    .logo-kendallhunt{
        display: inline-block;width: 95%;
    }
    .logo-edcolearning{
        display: inline-block;width: 84%;
    }
    .meg{
        border-top-left-radius: 27px;
        border-bottom-right-radius: 27px;
        /*    border: 1px solid black;*/
        padding-top: 9px;
        padding-bottom: 9px;
        /*padding-left: 39px;*/
        margin-top: 10px;
        margin-bottom: 10px;
        box-shadow: 8px 9px 6px grey;

    }
    .yergou{
        border-top-left-radius: 27px;
        border-bottom-right-radius: 27px;
        /*    border: 1px solid black;*/
        padding-top: 13.25px;
        padding-bottom: 13.25px;
        padding-left: 23.5px;
        margin-top: 10px;
        margin-bottom: 10px;
        box-shadow: 8px 9px 6px grey;
    }
    .yerek{
        border-top-left-radius: 27px;
        border-bottom-right-radius: 27px;
        /*    border: 1px solid black;*/
        padding-top: 11px;
        padding-bottom: 11px;
        /*padding-left: 159px;*/
        margin-top: 10px;
        margin-bottom: 10px;
        box-shadow: 8px 9px 6px grey;
    }
    .chorse{
        background-color:white;
        border-top-left-radius: 27px;
        border-bottom-right-radius: 27px;
        /*    border: 1px solid black;*/
        padding-top: 24px;
        /*padding-left: 21.5px;*/
        margin-top: 10px;
        margin-bottom: 10px;
        box-shadow: 8px 9px 6px grey;
        padding-bottom: 2px;
    }
    .hing{
        border-top-left-radius: 27px;
        border-bottom-right-radius: 27px;
        /*    border: 1px solid black;*/
        background-color: #ffffff;
        padding-top: 38px;
        padding-bottom: 39px;
        /*padding-left: 36px;*/
        margin-top: 10px;
        margin-bottom: 10px;
        box-shadow: 8px 9px 6px grey;


    }
    .vets{
        background-color: #626261;
        border-top-left-radius: 27px;
        border-bottom-right-radius: 27px;
        /*    border: 1px solid black;*/
        padding-top: 4px;
        padding-bottom: 37px;
        /*padding-left: 36.5px;*/
        margin-top: 10px;
        margin-bottom: 10px;
        box-shadow: 8px 9px 6px grey;

    }
    /* end of k12 page*/
    /* ************************************************************************************ */
    
    .kanata-logo-f{
                border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 140px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;

            }
            .logo-kanata{
                display: inline-block;
                width: 41%;
            }
            .remarkrectangle-logo-f{
                border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 95px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkrectangle{
                display: inline-block;
                width: 78%;
            }
            .remarkrectanglecloud-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 65px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkrectanglecloud{
                display: inline-block;
                width: 85%;
            }
            .remarksharp-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 25px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarksharp{
                display: inline-block;
                width: 92%;
            }
            .remarkmiddleeast-logo-f{
                 border-top-left-radius: 27px;
                border-bottom-right-radius: 27px;
/*                border: 1px solid black;*/
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 77px;
                margin-top: 10px;
                margin-bottom: 10px;
                box-shadow: 8px 9px 6px grey;
            }
            .logo-remarkmiddleeast{
                display: inline-block;
                width: 83%;
            }
}