body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    color: #3e3e3e;
    font-family: 'Poppins-Medium.ttf';
    user-select: none
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: #2b2b2b;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 0
}

a,
a:focus,
a:hover {
    color: #000;
    text-decoration: none
}

img {
    max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

p {
    margin: 0
}
@font-face {
    font-family: 'Poppins-Regular.ttf';
    src: url('../fonts/Poppins-Regular.ttf') format('woff'), url('fonts/Poppins-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Medium.ttf';
    src: url('../fonts/Poppins-Medium.ttf') format('woff'), url('fonts/Poppins-Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Rubik-Medium.ttf';
    src: url('../fonts/Rubik-Medium.ttf') format('woff'), url('fonts/Rubik-Medium.ttf') format('truetype');
    font-display: swap;
}

.bi {
    display: inline-block;
    vertical-align: -.125em;
    fill: currentcolor
}

.tophead-section {
    padding: 10px 0 3px;
    /* background: linear-gradient(90deg, rgba(247, 182, 101, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 75%, rgba(161, 255, 169, 1) 100%) !important; */
    position:relative;
}
.tophead-section .bell{
    position: fixed;
    top: 60px;
    z-index: 99;
    left: 0;
}
.tophead-section .bell img{height: 80px;} 
.tophead-section p{
    font-size: 18px;
    padding: 0 0 7px;
    text-transform: capitalize;
    font-weight: 600;
    border-bottom: 1px solid #d9d9d9;
    }
    .tophead-section p a{
    color: #0ba379;
    padding: 0 0px;
    font-weight: 700;
    margin: 0 0 0 4px;
    letter-spacing: 0;
    }
    .tophead-section p b{
    font-weight: 700;
    transition: 0.1s;
    animation: blkk 0.9s infinite ease-in;
    }
    @keyframes blkk{
    50%{color:#01c48e;}
    100%{color:#fe6c00;}
    }
    
.santa {
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: 9;
}

.santa img {height: 130px;}


.head-logo1 img {
    /* height: 60px; */
}

.navigation-section {
    padding: 20px 0
}

.head-design {
    justify-content: center;
    align-items: center
}

.navbar-collapse {
    justify-content: center
}

.menu {
    display: block;
    padding: 0;
    text-align: center;
    margin: 0
}

.menu li {
    display: inline-block;
    padding: 0 0;
    color: #fff;
    position: relative
}

.menu li a {
    color: #646464;
    display: inline-block;
    padding: 0 14px 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    transition: .2s ease-in
}

.toggle-design {
    border-radius: 50px;
    height: 2px;
    margin: 8px 0 2px;
    width: 100%;
    background: #595959;
    display: inline-block;
    transition: all .5s cubic-bezier(.62, .43, .35, 1.47)
}

.toggle-design:nth-child(2) {
    margin: 0 auto 0 0
}

.navbar-toggler:focus {
    box-shadow: none
}

.menu li a:hover {
    color: #000
}

.navbar-toggler {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 0;
    display: inline-block;
    background: #ffffff00;
    transition: all .2s ease-in;
    padding-top: 0;
    line-height: 2px;
    padding-left: 8px;
    padding-right: 0;
    text-align: right;
    margin: 0 0 0 auto
}

.navbar .menu ul li .active {
    background: rgba(183, 51, 106, .38)
}

.modal-dialog {
    width: 64%;
    background: #fff;
    max-width: 70%;
    padding: 33px 80px 51px;
    box-shadow: 0 0 0 #a6a6a6
}

.modal-footer button {
    color: #1a7159;
    background: 0 0;
    top: 4px;
    padding: 0;
    margin: 0;
    font-size: 29px;
    border: 0
}

.modal-content {
    border: 0
}

.popup-heading strong {
    font-size: 17px;
    text-transform: uppercase;
    color: #5f5f5f;
    display: block;
    font-weight: 500
}

.popup-heading p {
    font-size: 31px;
    text-transform: capitalize;
    color: #212121;
    font-weight: 600;
    font-family: 'Rubik-Medium.ttf'
}

.contact-r {
    padding: 0
}

.form-group1 {
    margin: 0;
    padding: 19px 18px 19px
}

.form-group1 .form-control {
    width: 100%;
    color: #676767;
    border-radius: 0;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    padding: 13px 14px 10px
}

.form-group1 .place::-webkit-input-placeholder {
    color: #6a6a6a
}

.form-group1 label {
    color: #8c8c8c;
    font-weight: 500;
    display: block;
    text-align: left;
    margin: 0;
    font-size: 14px;
    padding: 0 0 7px 0;
    text-transform: capitalize
}

.form-group1 label span {
    color: #5e5e5e;
    font-size: 20px
}

.form-group1 select {
    width: 100%;
    background: #fff;
    border-radius: 0;
    text-transform: capitalize;
    border: 0;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px;
    border: 0;
    border: 1px solid #e3e3e3;
    padding: 13px 14px 10px
}

.form-group select option {
    padding: 6px 10px;
    border-right: 0;
    text-align: left;
    margin: 10px 0
}

.form-group option span {
    padding: 10px
}

.field-inline-block {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    color: #000
}

input[type=file]:focus,
input[type=radio]:focus {
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 0
}

.form-control:focus {
    background-color: #fff;
    outline: 0;
    box-shadow: none
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #e3e3e3
}

.btn-group>.btn {
    margin: 0 auto;
    padding: 12px 30px 11px;
    color: #fff;
    font-size: 17px;
    background: #1a7159;
    border-radius: 0;
    z-index: 0;
    border: 0;
    text-transform: uppercase;
    transition: .7s;
    font-weight: 500;
    flex: inherit
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: #fff;
    background: #1a7159
}

.modal {
    border: 0
}

.modal-footer {
    border: 0;
    padding: 0
}

.modal-content i {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    font-style: normal;
    display: block;
    color: #2a2a2a;
    padding: 17px 0 0
}

.modal-content i .bi {
    margin: 0 5px 3px 0
}

.demo-buttn a {
    background: linear-gradient(90deg, #1a7159, #00c991, #0dbe64) left/400% 100%;
    animation: f .9s infinite alternate linear;
    padding: 9px 22px;
    border-radius: 50px;
    color: #fff;
    text-transform: capitalize;
    font-size: 17px;
    display: inline-block;
    font-weight: 600
}

@keyframes f {
    100% {
        background-position: right
    }
}

.modal-backdrop {
    display: none
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 8px 0 !important;
    margin: 0 auto;
    z-index: 1030;
    height: auto;
    background: #fff;
    box-shadow: 0 1px 12px #00000030
}

#navbar_top .row gx-0 {
    justify-content: center;
    align-items: center
}

.fixed-top .head-logo1 img {
    height: 50px
}

.header-design {
    justify-content: center;
    align-items: center
}

.design-header {
    padding: 0 60px 0 0;
    margin: 0
}

.design-header-image {
    position: relative
}

.design-header-image:before {
    content: "";
    position: absolute;
    height: 37%;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    display: none
}

.header-image img {
    width: 100%
}

.header-image {
   
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

  .snow{
    z-index: 3;
    background-size: 40rem 40rem;
    animation: snow-s1nldwl1 18s linear infinite;
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    pointer-events: none;
}

.design-header strong {
    font-size: 61px;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    padding: 0 0 10px 0;
}

.design-header p {
    font-size: 15px;
    line-height: 33px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    color: #fff;
    text-align: justify;
    padding: 8px 0 0
}

.design-header p b {
    font-weight: 600
}

.design-header a {
    background: #1a7159;
    padding: 10px 29px;
    display: inline-block;
    margin: 39px 0 0;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500
}

.group-discount {
    background: #136d54;
    padding: 40px 0 40px
}

.grp-design {
    justify-content: center;
    align-items: center
}

.group-discount-left1 {
    padding: 0
}

.group-discount-left1 strong {
    font-size: 47px;
    font-weight: 600;
    font-family: 'Rubik-Medium.ttf';
    display: block;
    text-transform: capitalize;
    color: #fff
}

.group-discount-left1 p {
    padding: 7px 0 0;
    font-size: 15px;
    color: #e4e4e4;
    line-height: 30px
}

.group-discount-right2 a {
    background: #fff;
    padding: 12px 36px;
    border-radius: 30px;
    text-transform: capitalize;
    font-weight: 500;
    display: inline-block;
    margin: 0 auto
}

.group-discount-right2 .contact-no {
    display: block;
    background: 0 0;
    color: #fff;
    padding: 0 0 10px;
    font-size: 18px
}

.career-left1 strong {
    font-size: 35px;
    font-weight: 600;
    font-family: 'Rubik-Medium.ttf';
    display: block;
    text-transform: capitalize;
    color: #fff
}

.career-left1 p {
    padding: 7px 0 0;
    font-size: 15px;
    color: #e4e4e4;
    line-height: 30px
}

.topservices-section {
    margin: 100px 0 0 0
}

.top-services1 {
    padding: 25px 15px
}

.top-services-2 {
    padding: 0 0 0 2px;
    border: 1px solid #e7e7e7
}

.top-services2 {
    justify-content: center;
    align-items: center;
    padding: 0 9px 0 0
}

.left-topservices {
    width: 30%;
    text-align: right;
    padding: 0;
    margin: 0
}

.left-topservices img {
    height: 56px;
    margin: 0 0 0 28px
}

.top-services1:first-child .left-topservices img {
    height: 45px;
    margin: 10px 0 0 18px
}

.right-topservices {
    width: 70%;
    padding: 27px 0 28px 20px;
    position: relative;
    text-align: center;
    background: linear-gradient(135deg, #cd8b16 0, #e86458 76%);
    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 22% 50%)
}

.top-services1:nth-child(2) .right-topservices {
    background: linear-gradient(45deg, #004482, #4e8aca)
}

.top-services1:nth-child(3) .right-topservices {
    background: linear-gradient(135deg, #c955ea 0, #e7755b 70%)
}

.top-services1:nth-child(4) .right-topservices {
    background: linear-gradient(135deg, #38d97f 0, #436fbc 76%)
}

.top-services1:nth-child(5) .right-topservices {
    background: linear-gradient(135deg, #34c5ed 13%, #61dbfb 65%)
}

.top-services1:nth-child(6) .right-topservices {
    background: linear-gradient(135deg, #2a95d6 30%, #001e36 80%)
}

.top-services1:nth-child(7) .right-topservices {
    background: linear-gradient(135deg, #f36b01, #bddf44, #2ec54a, #06cdec)
}

.top-services1:nth-child(8) .right-topservices {
    background: linear-gradient(135deg, #8ec642 30%, #2f8730 80%);
}

.top-services1:nth-child(9) .right-topservices {
    background: linear-gradient(135deg, #ff9200, #1b5790);
}

.top-services1:nth-child(10) .right-topservices {
    background: linear-gradient(135deg, #634061 30%, #734571 80%)
}

.top-services1:nth-child(12) .right-topservices {
    background:linear-gradient(135deg, #429933 30%, #50d539 80%);
}

.top-services1:nth-child(13) .right-topservices {
    background: linear-gradient(135deg, #61dafb 13%, #7ee5ff 65%);
}

.top-services1:nth-child(14) .right-topservices {
    background: linear-gradient(135deg, #3bb49d 0, #0d7576 70%)
}

.top-services1:nth-child(15) .right-topservices {
    background: linear-gradient(135deg, #c955ea 13%, #394785 65%)
}

.top-services1:nth-child(16) .right-topservices {
    background: linear-gradient(135deg, #ffd647 23%, #3778ae 52%)
}

.right-topservices strong {
    font-size: 18px;
    text-transform: capitalize;
    display: block;
    color: #fff;
    font-family: 'Rubik-Medium.ttf';
    font-weight: 500
}

.top-services3 strong {
    font-family: 'Rubik-Medium.ttf';
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700;
    display: block;
    display: none;
    color: #2d2d2d
}

.top-services3 a {
    font-size: 14px;
    color: #000;
    height: 36px;
    margin: 19px 0 0 0;
    line-height: 36px;
    padding: 0 0 0 17px;
    transform: skewX(344deg);
    display: inline-block;
    position: relative;
    font-weight: 500;
    text-transform: capitalize;
    background: #f1f1f1;
    box-shadow: 6px 4px 5px #b6b6b65c
}

.top-services3 a p {
    transform: skewX(-344deg);
    padding: 0 40px 0 0
}

.top-services3 a p span {
    position: absolute;
    right: -8px;
    color: #fff;
    line-height: 42px;
    height: 100%;
    width: 23%;
    background: #136d54;
    display: inline-block;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 100% 100%, 0 100%, 0 50%)
}

.top-services3 a p span .bi {
    height: 1.1rem;
    width: 1.1rem
}

.about-heading p {
    color: #848484;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500
}

.about-heading strong {
    font-family: 'Rubik-Medium.ttf';
    text-transform: uppercase;
    font-size: 50px;
    color: #0a0a0a;
    font-weight: 600;
    margin: -5px 0 0;
    display: block
}

.about-heading h1 {
    font-family: 'Rubik-Medium.ttf';
    text-transform: uppercase;
    font-size: 50px;
    color: #101010;
    font-weight: 600
}

.about-heading h1 a {
    color: #101010
}

.job_courses-heading strong {
    text-transform: capitalize;
    font-size: 28px;
    color: #1c1c1c;
    font-weight: 700
}

.job-courses2 a {
    display: block;
    border-radius: 10px;
    background: #9fd7f5;
    color: #000;
    padding: 22px 10px;
    text-transform: capitalize;
    font-size: 19px;
    font-weight: 600
}

.job-courses1:nth-child(2) .job-courses2 a {
    background: #c499ef
}

.job-courses1:nth-child(3) .job-courses2 a {
    background: #a9fda9
}

.job-courses1:nth-child(4) .job-courses2 a {
    background: #ffce98
}

.job-courses1 {
    padding: 15px
}

.diploma-courses2 a {
    display: block;
    border-radius: 10px;
    background: #94d0f1;
    color: #000;
    padding: 22px 10px;
    text-transform: capitalize;
    font-size: 19px;
    font-weight: 600
}

.job-courses1:first-child .diploma-courses2 a {
    background: #c2a8db
}

.job-courses1:nth-child(4) .diploma-courses2 a {
    background: #9dfb9d
}

.job-courses1:nth-child(2) .diploma-courses2 a {
    background: #fbba72
}

.aboutus-section {
    padding: 100px 0 80px
}

.left-about {
    padding: 0 30px 0 0
}

.aboutus-content p {
    color: #636363;
    font-size: 15px;
    padding: 0 0 10px 0;
    font-weight: 400;
    line-height: 32px;
    text-align: justify
}
  .aboutus-content h2,h3,h4,h5,h6{
display: inline-block;
padding: 8px 19px 8px 20px;
position: relative;
background: #136d54;
color: #ffffff;
margin: 14px 0 15px;
line-height: 27px;
text-shadow: 0 0 5px #fff;
text-align: left;
border-radius: 10px;
font-size: 18px;
text-transform: capitalize;
font-weight: 500;
}

.aboutus-content ul {
    padding: 14px 10px 15px 20px;
    margin: 10px 0;
    list-style: none;
    background: #19685214
}

.aboutus-content ul li {
    font-size: 15px;
    padding: 8px 10px 8px 21px;
    position: relative
}

.aboutus-content ul li:before {
    content: "";
    position: absolute;
    height: 9px;
    width: 9px;
    transform: rotate(45deg);
    border-radius: 3px;
    left: 0;
    background: #196852;
    top: 14px
}

.aboutus-content p strong {
    font-weight: 500;
    color: #1d1d1d
}
.aboutus-content p a {
    font-weight: 500;
    color: #208d6f
}

.video {
    padding: 10px 10px
}

.award-image:before {
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    top: 0
}

.award-design2 {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    display: none
}

.whywe-section {
    padding: 20px 0 10px;
    margin: 0 0 0
}

.as-heading {
    text-transform: uppercase;
    font-size: 25px;
    color: #1c1c1c;
    font-weight: 700;
    padding: 36px 0 0
}

.whywe-1 {
    padding: 10px 10px 10px 20px
}

.whywe-2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.whywe-2:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: linear-gradient(45deg, transparent, #727272, transparent);
    right: 0;
    top: 0
}

.whywe-1:last-child .whywe-2:before {
    display: none
}

.whywe-2 .why-1 {
    width: 20%
}

.why-1 .bi {
    color: #136d54;
    height: 2.2rem;
    width: 2.2rem
}

.whywe-2 .why-2 {
    width: 80%
}

.why-2 strong {
    font-size: 18px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    color: #505050;
    padding: 0 0 10px 0;
    letter-spacing: .6px
}

.why-2 p {
    font-size: 22px;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    color: #000
}

.bestservices-section {
    background: #136d54;
    padding: 100px 0
}

.best-services1 {
    padding: 10px 10px
}

.bestservices-section .about-heading strong {
    color: #fff
}

.best-services2 {
    display: flex;
    justify-content: center;
    background: #fff;
    padding: 20px;
    align-items: center;
    border-radius: 10px
}

.best-services2 .icon {
    width: 21%
}

.icon img {
    height: 51px
}

.best-services2 .text-best {
    width: 78%
}

.text-best strong {
    display: block;
    position: relative;
    color: #212121;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600
}

.text-best p {
    color: #636363;
    font-size: 15px;
    line-height: 28px;
    padding: 7px 0 0
}

.services-section {
    padding: 90px 0 90px
}

.services-1 {
    padding: 20px 15px
}

.services-2 {
    border: 1px solid #eaeaea;
    position: relative;
    background: #fff;
    padding: 0 0 30px 0
}

.services-2 strong {
    font-family: 'Rubik-Medium.ttf';
    font-size: 23px;
    text-transform: capitalize;
    font-weight: 600;
    color: #252525;
    padding: 26px 0 6px;
    display: block
}

.services-2 p {
    color: #515151;
    font-size: 15px;
    line-height: 29px;
    padding: 0 20px 0 20px
}

.services-2 a {
    color: #fff;
    margin: 20px 0 0;
    border-radius: 40px 40px 40px 0;
    display: inline-block;
    padding: 3px 3px 1px 20px;
    line-height: 39px;
    font-weight: 600;
    text-transform: capitalize;
    background: #136d54
}

.services-2 a i {
    font-style: normal;
    padding: 0 6px 0 0;
    margin: 0;
    display: inline-block
}

.services-2 a span {
    display: inline-block;
    height: 36px;
    color: #136d54;
    width: 36px;
    border-radius: 50%;
    background: #fff
}

.services-2 a span .bi {
    height: 1.5rem;
    width: 1.5rem;
    margin: 0 0 -4px
}

.product-section {
    padding: 80px 0 50px
}

.product-1 {
    padding: 10px 10px;
    width: 16.6%
}

.product-2 {
    padding: 27px 0;
    border-radius: 10px;
    box-shadow: 1px 2px 4px #022d4f1a
}

.product-1:nth-child(6) .product-2 {
    border-right: 0
}

.product-1:nth-child(12) .product-2 {
    border-right: 0
}

.product-1:nth-child(18) .product-2 {
    border-right: 0
}

.product-1:nth-child(24) .product-2 {
    border-right: 0;
    border-bottom: 0
}

.product-1:nth-child(23) .product-2 {
    border-bottom: 0
}

.product-1:nth-child(22) .product-2 {
    border-bottom: 0
}

.product-1:nth-child(21) .product-2 {
    border-bottom: 0
}

.product-1:nth-child(20) .product-2 {
    border-bottom: 0
}

.product-1:nth-child(19) .product-2 {
    border-bottom: 0
}

.product-2 img {
    height: 39px
}

.special-offer {
    background: #f5f5f5;
    padding: 100px 0;
    position: relative;
    z-index: 9
}

.special-offer-icon {
    position: absolute;
    right: 0;
    top: 0;
    opacity: .1;
    z-index: -9
}

.special-offer-icon img {
    height: 400px
}

.left-icon {
    right: auto;
    left: 30px;
    bottom: 40px;
    top: auto
}

.special-offer-content {
    padding: 0 50px 0 0
}

.special-offer-content strong {
    font-size: 33px;
    text-transform: uppercase;
    font-family: 'Rubik-Medium.ttf';
    color: #212121;
    display: block;
    position: relative;
    padding: 0 0 0 19px
}

.special-offer-content strong:before {
    content: "";
    position: absolute;
    height: 84%;
    width: 4px;
    left: 0;
    top: 0;
    background: #136d54
}

.special-offer-content strong:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    top: auto;
    left: -1px;
    border-radius: 50px;
    bottom: 0;
    background: #136d54
}

.special-offer-content p {
    font-size: 15px;
    line-height: 35px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    color: #353535;
    padding: 25px 0 0
}

.special-offer-content a {
    font-size: 16px;
    color: #000;
    height: 50px;
    margin: 19px 0 0 0;
    line-height: 50px;
    padding: 0 0 0 17px;
    transform: skewX(344deg);
    display: inline-block;
    position: relative;
    font-weight: 500;
    text-transform: capitalize;
    background: #f1f1f1;
    box-shadow: 6px 4px 5px #b6b6b65c
}

.special-offer-content a b {
    transform: skewX(-344deg);
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    padding: 0 70px 0 0;
    margin: 0
}

.special-offer-content a b span {
    position: absolute;
    right: -8px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    height: 100%;
    width: 28%;
    background: #136d54;
    display: inline-block;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 100% 100%, 0 100%, 0 50%)
}

.special-offer-content a b span .bi {
    height: 1.9rem;
    width: 1.9rem
}

.video-section {
    padding: 50px 0 89px
}

.design-video {
    padding: 30px 0 0
}

.video-student1 {
    padding: 10px
}

.video-more a {
    color: #fff;
    background: #136d54;
    font-weight: 500;
    padding: 7px 32px;
    border-radius: 50px;
    display: inline-block;
    font-size: 17px;
    text-transform: capitalize
}

.video-student2 iframe {
    border-radius: 10px;
    height: 476px
}

.mark-section {
    background: url(images/header-slide.webp) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 100px 0;
    position: relative;
    color: #fff;
    z-index: 9
}

.mark-section:before {
    background: linear-gradient(45deg, #136d54e3, #136d54e0);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    position: absolute;
    z-index: -9
}

.mark-section strong {
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize
}

.mark-section p {
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 20px 0 19px
}

.mark-section p b {
    font-weight: 600;
    color: #00ffb5
}

.mark-section i {
    display: block;
    font-style: normal;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 400
}

.mark-section .apply {
    display: inline-block;
    font-size: 19px;
    background: #fff;
    padding: 9px 27px 5px;
    border-radius: 100px;
    margin: 20px 0 0 0;
    font-weight: 600;
    text-transform: capitalize
}

.mark-section .call {
    display: block;
    letter-spacing: 1px;
    margin: 20px auto 0;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    animation: blk .9s infinite ease-in;
    text-transform: capitalize
}

.client-heading-left1 strong {
    font-family: 'Rubik-Medium.ttf';
    text-transform: uppercase;
    font-size: 44px;
    display: block;
    color: #101010;
    font-weight: 600
}

.client-heading-left1 a {
    color: #fff;
    background: #136d54;
    font-weight: 500;
    padding: 6px 15px;
    border-radius: 50px;
    display: inline-block;
    font-size: 15px;
    text-transform: capitalize
}

.client-heading-left1 a .bi {
    height: .9rem;
    width: 1.1rem
}

.clientfeedback {
    background: #f7f7f7;
    padding: 100px 0
}

.testimonials1 {
    padding: 15px 15px
}

.testimonials2 {
    border-radius: 19px;
    padding: 27px 25px 39px;
    border: 1px solid #ededed;
    background-color: #fafafa
}

.testimonials3 span {
    padding: 0;
    display: inline-block
}

.testimonials3 span .bi {
    color: #fbbd05;
    height: 1.5rem;
    width: 1.1rem;
    margin: 6px 0 0 0
}

.testimonials3 .google {
    float: right;
    height: 27px;
    margin: 7px 0 0
}

.testimonials4 {
    padding: 0 20px 0 0;
    overflow: scroll;
    height: 117px;
    text-align: justify;
    overflow-x: hidden;
    margin: 0 0 20px
}

.testimonials4::-webkit-scrollbar {
    width: 3px
}

.testimonials4::-webkit-scrollbar-track {
    box-shadow: inset 0 0 100px #dfdfdf;
    border-radius: 0
}

.testimonials4::-webkit-scrollbar-thumb {
    background: #989898;
    height: 20px;
    border-radius: 0 0 10px 10px
}

.testimonials4 p {
    color: #7b7b7b;
    line-height: 29px;
    text-align: left;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 0
}

.testimonials5 span {
    position: absolute;
    height: 35px;
    width: 35px;
    box-shadow: 0 1px 8px 0 #5b595966;
    background: #6d1fbc;
    color: #fff;
    border-radius: 50%;
    text-transform: capitalize;
    line-height: 35px;
    text-align: center;
    font-weight: 500;
    font-size: 16px
}

.testimonials1:nth-child(2) .testimonials5 span {
    background: #f4511e
}

.testimonials1:nth-child(3) .testimonials5 span {
    background: #92aa00
}

.testimonials1:nth-child(4) .testimonials5 span {
    background: #01579b
}

.testimonials1:nth-child(5) .testimonials5 span {
    background: #df65ff
}

.testimonials1:nth-child(6) .testimonials5 span {
    background: #4d320b
}

.testimonials5 p {
    padding-left: 16%
}

.testimonials5 p b {
    display: block;
    font-weight: 700;
    color: #2e2e2e;
    text-transform: capitalize
}

.testimonials5 p i {
    display: block;
    text-transform: capitalize;
    font-size: 13px;
    color: #70757a;
    font-style: normal
}

.other-services {
    padding: 100px 0 70px
}

.other-services1 {
    padding: 10px
}

.other-services2 {
    border: 1px solid #eee;
    padding: 0 0 20px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 11px #cccccc2e
}

.other-services2 img {
    width: 100%
}

.other-services2 strong {
    display: block;
    padding: 20px 0 3px 15px;
    text-transform: capitalize;
    color: #414141;
    font-weight: 600;
    font-size: 19px
}

.other-services2 a {
    display: block;
    text-align: right;
    padding: 20px 20px 0 0;
    border-top: 1px solid #eee;
    color: #136d54;
    font-weight: 600;
    text-transform: capitalize
}

.other-services2 p {
    color: #515151;
    font-size: 15px;
    line-height: 29px;
    padding: 0 14px 18px 14px
}

.contact-courses {
    padding: 50px 0 40px
}

.contact-courses strong {
    font-size: 28px;
    font-weight: 700;
    padding: 0 0 6px 0;
    display: block;
    text-transform: capitalize;
    color: #2d2d2d
}

.contact-courses a {
    background: #136d54;
    padding: 8px 30px;
    border-radius: 30px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 20px;
    display: inline-block;
    margin: 0 auto;
    color: #fff
}

.contact-form {
    background: #f6f8fb;
    padding: 100px 0
}

.heading-contact strong {
    font-family: 'Rubik-Medium.ttf';
    text-transform: uppercase;
    font-size: 50px;
    color: #101010;
    font-weight: 500;
}

.heading-contact p {
    color: #848484;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500
}

.contact-form-design {
}

.contac-rr {
    text-align: left;
    padding: 40px 30px 40px;
    background: #fff;
    margin: 0 auto 0;
    box-shadow: 0 0 7px #d9d9d9;
    border-radius: 40px;
}

.form-group1 {
    padding: 7px 10px;
    text-align: center;
    margin: 7px 0 9px;
    position: relative
}

input.form-control1 {
    color: #252525
}

.form-control1 {
    height: 53px;
    background-color: #ffffff00;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #cfcfcf;
    display: block;
    width: 100%;
    padding: 19px 14px 17px 14px;
    font-size: 15px;
    font-weight: 400
}

textarea.form-control1 {
    height: 100px
}

.btn-group {
    padding: 16px 0 0 0;
    display: inline-block;
    margin: 0;
    text-align: right
}

.btn-group>.btn {
    background: #136d54;
    padding: 11px 18px 10px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    border: 0;
    border-radius: 0;
    transition: .8s all ease-in-out;
    margin: 0 auto 0
}

.form-group1 .place::-webkit-input-placeholder {
    color: #303030;
    font-size: 15px;
    font-weight: 400
}

.company-detail {
    margin: 0 auto 0
}

.company-detail1 {
    padding: 10px
}

.company-detail2 {
    padding: 30px;
    background: #fff
}

.company-detail2 strong {
    color: #148968;
    font-size: 16px;
    display: block;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 0 10px 0;
    width: fit-content;
    padding: 0 10px 0px 0px;
    border-bottom: 2px solid #d5d5d5;
}

.company-detail2 ul li {
    padding: 16px 0 8px;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    list-style: none;
    color: #5e5e5e;
    font-weight: 500
}

.company-detail2 ul li:last-child {
    border: 0
}

.company-detail2 ul li a {
    color: #3f3f3f
}

.company-detail2 ul li .bi {
    height: 1.2rem;
    width: 1.2rem;
    margin: 0 6px 0 0;
    color: #4c4c4c
}

.footer-section {
    background: #1a1a1a;
    padding: 70px 0 40px
}

.footer-1 {
    padding: 10px 20px 0 0;
    width: 18%
}

.footer-heading strong {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 0 0 0 9px;
    color: #fff;
    position: relative;
    display: block
}

.footer-heading strong:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 3px;
    left: 0;
    top: 0;
    background: #17b68a
}

.footer-list ul li {
    padding: 9px 0 8px 17px;
    list-style: none;
    margin: 0;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 300;
    color: #dadada;
    position: relative
}

.footer-list ul li:before {
    height: 8px;
    width: 8px;
    background: #17b68a;
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 16px
}

.footer-list ul li a {
    color: #dadada;
    display: block
}

.footer-content p {
    color: #acacac;
    padding: 0;
    font-size: 14px;
    line-height: 30px
}

.footer-heading a {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 0 0 0 12px;
    color: #fff;
    position: relative;
    display: block
}

.footer-about1 {
    padding: 10px 40px 0 0;
    width: 28%
}

.footer-navigation ul li {
    padding: 22px 20px;
    color: #888;
    font-size: 15px;
    display: inline-block;
    text-transform: capitalize
}

.footer-navigation li a {
    color: #888
}

.footer-navigation {
    border-top: 1px solid #373737;
    border-bottom: 1px solid #373737;
    margin: 40px 0 30px;
    text-align: center
}

.social-media ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    padding: 0 4px
}

.social-media li a {
    height: 44px;
    text-align: center;
    line-height: 46px;
    width: 44px;
    position: relative;
    color: #4f4f4f;
    border-radius: 50%;
    z-index: 9;
    display: block;
    background: #dfdfdf
}

.social-media li a .bi {
    height: 1rem;
    width: 1rem
}

.social-media li a:before {
    height: 104%;
    width: 0%;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    margin: 0 auto;
    right: 0;
    border-radius: 50%;
    transition: .5s ease-in-out;
    z-index: -9;
    transform: scale(0)
}

.copy-right p {
    color: #dadada;
    font-size: 15px
}

.copy {
    justify-content: center;
    align-items: center
}

.link-trend {
    padding: 20px 0 0
}

.link-trend strong {
    font-size: 20px;
    display: block;
    font-weight: 500;
    color: #ececec;
    text-transform: capitalize;
    padding: 0 0 10px 0;
}

.link-trend li {
    padding: 7px 26px 7px 0;
    color: #ffffff;
    text-align: left;
    position: relative;
    font-size: 15px;
    display: inline-block;
    text-transform: capitalize
}

.link-trend li a {
    color: #cfcfcf;
    position: relative
}

.link-trend li a:after {
    background: #a9a9a9;
    content: "";
    height: 100%;
    margin: 0;
    width: 2px;
    right: -15px;
    position: absolute
}

.link-trend li:last-child a:after {
    display: none
}

.fix {
    position: fixed;
    padding: 10px 0 0;
    right: 0;
    margin: 0 auto;
    z-index: 1030;
    left: auto;
    display: none;
    bottom: 0;
    top: auto;
    width: 100%
}

.fixed-icon .quckqct {
    border-top: 50px solid #f3001c;
    border-bottom: 50px solid #00c449;
    border-right: 50px solid #3876f8;
    border-left: 50px solid #ffc500
}

.fixed-icon a {
    font-weight: 500;
    font-size: 14px;
    position: fixed;
    left: 10px;
    color: #fff;
    text-align: right;
    border-radius: 50%;
    display: inline-block;
    z-index: 99;
    transition: all .5s ease-in-out;
    text-decoration: none;
    bottom: 20px;
    text-transform: capitalize;
    height: 110px;
    width: 110px;
    line-height: 48px
}

.fixed-icon a p {
    height: 99px;
    width: 99px;
    background: #fff;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    top: -44px;
    left: -45px;
    color: #222
}

.fixed-icon a p span {
    width: 100%;
    display: block;
    line-height: 20px;
    margin: 22px 0 0
}

.fixed-icon a i {
    display: block;
    font-style: initial;
    margin: -15px 0 0;
    font-size: 25px;
    font-family: auto
}

.fixed-icon a i b {
    font-weight: 500
}

.fixed-icon a i b:first-child {
    color: #4285f5
}

.fixed-icon a i b:nth-child(2) {
    color: #ea4335
}

.fixed-icon a i b:nth-child(3) {
    color: #fbbd05
}

.fixed-icon a i b:nth-child(4) {
    color: #4285f4
}

.fixed-icon a i b:nth-child(5) {
    color: #34a853
}

.fixed-icon a i b:nth-child(6) {
    color: #ea4335
}

.fixed-top-demo {
    position: fixed;
    padding: 10px 0 0;
    right: 0;
    margin: 0 auto;
    z-index: 1030;
    left: auto;
    top: 120px
}

.fix {
    position: fixed;
    padding: 10px 0 0;
    right: 0;
    margin: 0 auto;
    z-index: 1030;
    left: auto;
    display: none;
    bottom: 0;
    top: auto;
    width: 100%
}

.line-fix {
    position: relative
}

.fixed-top-demo .line-fix {
    display: block
}

.line-fix a {
    background: linear-gradient(90deg, #1a7159, #00c991, #0dbe64) left/400% 100%;
    animation: f .9s infinite alternate linear;
    padding: 10px 19px 9px 30px;
    border-radius: 50px 0 0 50px;
    color: #fff;
    text-transform: capitalize;
    font-size: 19px;
    display: block;
    font-weight: 600
}

.line-fix a .bi {
    height: 1.3rem;
    width: 1.3rem;
    margin: 2px 3px 0 0
}

.fixed-icon-whatsapp a {
    font-weight: 500;
    font-size: 28px;
    position: fixed;
    right: 10px;
    color: #fff !important;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    display: inline-block;
    z-index: 9999999;
    transition: all .5s ease-in-out;
    text-decoration: none !important;
    bottom: 40px;
    text-transform: capitalize;
    height: 60px;
    width: 60px;
    line-height: 60px;
}

.fixed-icon-whatsapp a .bi {
    height: 1.5rem;
    width: 1.5rem
}

.fixed-icon-whatsapp a b {
    z-index: 9;
    position: relative;
    display: inline-block;
    margin: 0px 0 4px -220px;
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
    animation-name: rip;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    background: #ffffff;
    line-height: 48px;
    border-radius: 50%;
}

.fixed-icon-whatsapp a b img {
    height: 50px;
}

@keyframes rip {
    0% {
        box-shadow: 0px 0px 0px 4px rgba(162, 162, 162, 0.8);
    }
    20% {
        box-shadow: 0px 0px 0px 6px rgba(162, 162, 162, 0.6);
    }
    40% {
        box-shadow: 0px 0px 0px 8px rgba(162, 162, 162, 0.4);
    }
    60% {
        box-shadow: 0px 0px 0px 10px rgba(162, 162, 162, 0.2);
    }
    80% {
        box-shadow: 0px 0px 0px 12px rgba(162, 162, 162, 0.1);
    }
    100% {
        box-shadow: 0px 0px 0px 14px rgba(162, 162, 162, 0);
    }
}

.fixed-icon-whatsapp .whatsappChatsText {
    background: #ffbe4a;
    width: 127px;
    height: 43px;
    display: block;
    position: absolute;
    color: #000;
    right: 0px;
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
    padding: 5px 0px 5px 20px;
    text-align: left;
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    bottom: 9px;
    border-radius: 0px 6px 6px 0px;
}

.fixed-icon-whatsapp .whatsappChatsText strong {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
}

/* start header slider section  */
.header-design{
position: absolute;
left: 0;
top: 0;
justify-content:center;
align-items:center;
width: 100%;
height: 100%;
}
.design-header{
padding: 0 130px 0 80px;
margin: 0 0 0px 0;
}
.design-header-image{
position:relative;
}
.design-header-image:before{
content:"";
position: absolute;
height: 37%;
width: 100%;
left: 0;
right: 0;
bottom: 0;
display:none;
}
.design-header p{
}
.design-header strong{
font-size: 36px;
display: block;
font-weight: 600;
text-transform: capitalize;
color: #fff;
padding: 0px 0 0px 0;
}
.design-header p{
font-size: 15px;
line-height: 33px;
font-weight: 400;
text-transform: capitalize;
display: block;
color: #ffffff;
text-align: justify;
}
.design-header p b{
font-weight: 600;
}
.design-header a{
background: #0c9784;
padding: 10px 29px;
display: inline-block;
margin: 39px 0 0;
color: #fff;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
text-shadow: -1px 1px 8px #fff;
}



.line-fix {
position: relative;
}
.line-fix a{background: linear-gradient(90deg,#1a7159,#00c991,#0dbe64) left/400% 100%;animation: f 0.9s infinite alternate linear;padding: 4px 20px 6px 20px;border-radius: 50px 0 0 50px;color: #fff;text-transform: uppercase;font-size: 23px;display: block;font-weight: 600;}
.line-fix a .bi{height: 25px;width: 25px;margin: 0px 3px -3px 0px;}
.fix  b{font-size: 15px;background: linear-gradient(90deg, rgb(255 157 34) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 75%, rgba(161, 255, 169, 1) 100%);box-shadow: 4px -1px 11px #dfdfdf;font-weight: 600;color: #494949;text-align: center;padding: 7px 5px 5px 0px;background: #fff;}
.fix  b span{color: #cc1d1c;}



/* start bread crumb section  */

.breadcrumb-section{
padding: 20px 0 20px;
margin: 0px 0 0;
background: #136d54;
position: relative;
z-index: 9;
}

.first-item {
font-size: 30px;
text-transform: capitalize;
margin: 0;
font-weight: 800;
padding: 0 0 0px 0;
}
.first-item a {
color: rgb(255 255 255);
display: block;
}
.separator {
font-size: 18px;
padding: 0 4px;
color: #000000;
}
.breadcrumb-section .last-item {
color: rgb(255 255 255);
display: block;
font-size: 14px;
text-shadow: 0 0 6px #fff;
font-weight: 400;
text-align: left;
text-transform: capitalize;
padding: 0;
margin: 8px auto 0;
}

/* end bread crumb section  */

@media (max-width: 767px){
body{text-align: center;}
.head-design{justify-content: flex-start;}
.head-logo1{width:100%;text-align: left;}
.navbar {margin: -47px 0 0 0;}
.menu li{padding: 3px 0;display: block;text-align: left;}
.menu{padding:20px 0 0;}
.head-section{padding-bottom: 20px !important;padding-top: 20px !important;}
.fixed-top{padding: 12px 0!important;}
.design-header-image:before{display:block;}
.header-image img {}
.header-design{/* flex-flow: column-reverse; */}
.about-heading strong {font-size: 38px;margin: 0;}
.job_courses-heading strong {font-size:23px;}
.why-2 strong{font-size: 14px;text-transform: capitalize;letter-spacing: 0.0px;}
.why-1 .bi {height: 1.7rem;width: 1.7rem;}
.group-discount-left1{text-align:center;padding: 0 15px;}
.design-header {padding: 0 9px 0 10px;}
.design-header strong {font-size: 36px;padding: 0px 0 0px 0;}
.demo-buttn a{display: none;}
.design-header a{margin: 19px 0 30px;}
.company-detail{padding:30px 0 0;}
.right-about{padding:20px 0 0;}
.whywe-1:nth-child(2) .whywe-2:before{display:none;}
.video {padding: 6px 9px;}
.career-left1{text-align:center;}
.group-discount-right2{padding-top:20px;}
.best-services2 .icon{width:20%;}
.best-services2 .text-best{width: 80%;}
.mark-section strong {font-size: 36px;}
.mark-section p{font-size:20px;line-height: 35px;}
.product-1 {width: 25%;padding: 6px 6px;}
.testimonials1 {padding: 20px 10px;}
.testimonials5 p {padding-left: 22%;}
.product-2 img{height: 31px;}
.contact-form{padding: 100px 0px 70px;}
.top-services1 {padding: 15px 15px;}
.aboutus-section{padding: 100px 0px 70px;}
.aboutus-content p{text-align:left;}
.left-about {padding: 0px 0px 0 0px;}
.right-about {padding: 20px 0px 0 0px;}
.aboutus-content ul {padding: 14px 10px 15px 10px;}
.services-section {padding: 30px 0 60px;}
.services-2 p {padding: 0 10px 0 10px;}
.copy-right p{padding: 20px 0 60px;text-align:center;font-size: 13px;}
.footer-navigation ul li {padding: 19px 11px;}
.footer-1{width:50%;padding: 10px 10px 15px 15px;}
.footer-about1{width: 50%;}
.footer-1:nth-child(4){width: 50%;}
.footer-1:nth-child(5){width: 100%;padding: 10px 0px 0px 0;}
.footer-1:nth-child(5) .footer-list ul li{margin: 0px 7px;display: inline-block;padding: 9px 0 8px 13px;}
.footer-heading a{padding:0;}
.fixed-top-demo{bottom: 0;width:100%;display: block;top: auto;}
.line-fix a{border-radius:0;font-size: 22px;}
.head-logo1 img {height: 51px;}
.job_courses-heading{padding-top:0 !Important;}
.aboutus-section {padding: 50px 0 80px;}
.award-design2 img{height: 100px;}
.best-services2 {padding: 20px 10px;}
.special-offer-content {padding: 0 0px 40px 0px;}
.services-1 {padding: 10px 10px;}
.group-discount-left1 strong{font-size: 37px;}
.right-topservices{clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 14% 50%);}
.right-topservices strong{font-size: 16px;}
.topservices-section {margin: 30px 0 0px 0;}
.video-section{padding-top:0;}
.other-services {padding: 100px 0 40px;}
.link-trend li a:after{right: -5px;width: 1px;}
.link-trend li {padding: 5px 11px 5px 0px;}
.fixed-icon a{bottom: 61px;height: 100px;width: 100px;}
.fixed-icon a p{height: 89px;width: 89px;}
.fixed-icon a i{font-size: 23px;}
.fixed-icon a p span{margin: 17px 0 0;line-height: 16px;}
.clientfeedback {padding: 60px 0 60px;}
.video-more{padding-top:20px !important;}
.header-image{}
.design-header p{text-align: left;line-height: 29px;font-size: 14px;}
.about-row{padding-top:20px !important;}
.modal-dialog{max-width: 90%;margin: 30px auto;width: 90%;padding: 23px 40px 51px;}
.fixed-icon{display:none;}
.fix {display:block;}
.fixed-icon-whatsapp a{bottom: 148px;right: 10px;height: 50px;width: 50px;line-height: 50px;border-radius: 30px 30px 0 0;}
.fixed-icon-whatsapp .whatsappChatsText{border-radius: 6px 6px 6px 6px;bottom: 2px;padding: 5px 0px 5px 20px;width: 121px;}
.santa{bottom: 25px;position: fixed;right: auto;left: -20px;z-index: 9999;width: 30%;}
.santa img{height: 130px;}
.design-header {padding: 0 20px 0 30px;}
.design-header strong {font-size: 33px;padding: 0px 0 0px 0;}
.design-header a{margin: 10px 0 0px;padding: 8px 13px;font-size: 14px;}
.design-header-image:before{display:block;}
.header-design{ background: #0d5047a1;}
.contac-rr {padding: 40px 0px 40px;}
.first-item{font-size: 24px;line-height: 39px;}
.tophead-section .bell{right: inherit;right: 0;top: 130px;position: fixed;z-index: 999;left: auto;}
.tophead-section p{font-size: 14px;line-height: 24px;}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
.head-design{justify-content: flex-start;}
.head-logo1{width:100%;text-align: left;}
.head-right1 ul li:nth-child(2){display:none;}
.head-right1 ul li{display:block;padding: 7px 0;text-align: center;}
.head-right1 li img{display:none;}
.head-logo1{width:100%;text-align: left;}
.navbar {margin: -45px 0 0 0;}
.menu li{display: block;}
.menu{padding:20px 0 0;}
.group-discount-left1{text-align:center;}
.design-header {padding: 0 0px 0 0px;}
.design-header strong {font-size: 36px;padding: 0px 0 0px 0;}
.demo-buttn a{display:none;}
.design-header a{margin: 19px 0 30px;}
.company-detail{padding:30px 0 0;}
.right-about{padding:20px 0 0;text-align: center;}
.whywe-1:nth-child(2) .whywe-2:before{display:none;}
.video {padding: 10px 5px;}
.career-left1{text-align:center;}
.group-discount-right2{padding-top:20px;}
.product-1 {width: 20%;}
.testimonials1 {padding: 20px 10px;}
.testimonials5 p {padding-left: 22%;}
.footer-1{width:50%;padding: 10px 20px 25px 0;}
.footer-about1{width: 40%;}
.footer-1:nth-child(4){width: 30%;}
.footer-1:nth-child(5){width: 30%;}
.left-about{padding:0;}
.fixed-top{padding:10px 0 !Important;}
.head-logo1 img {height: 50px;}
.fixed-top .navbar {margin: -48px 0 0 0;}
.fixed-top-demo{bottom: 0;width:100%;top: auto;display: block;}
.line-fix a{border-radius:0;text-align: center;}
.copy{padding-bottom:40px;}
.topservices-section {margin: 40px 0 0px 0;}
.job_courses-heading{padding-top:0 !Important;}
.aboutus-section {padding: 50px 0 80px;}
.best-services2 {padding: 20px 10px;}
.special-offer-content {padding: 0 0px 40px 0px;}
.topservices-section {margin: 60px 0 0px 0;}
.design-header p{padding: 4px 0 0px;font-size: 14px;line-height: 29px;}
.design-header a{margin: 10px 0 0;}
.modal-dialog{max-width: 80%;margin: 30px auto;width: 80%;padding: 23px 40px 51px;}
.santa{bottom:60px;}
.santa{bottom: 5px;position: fixed;right: auto;left: 0;z-index: 9999;width: 20%;}
.fix {display:block;}
.design-header {padding: 60px 70px 0 70px;}
.design-header strong {font-size: 36px;padding: 0px 0 0px 0;}
.demo-buttn a{display:none;}
.design-header a{margin: 19px 0 30px;}
.design-header p{padding: 4px 0 0px;font-size: 14px;line-height: 29px;}
.design-header a{margin: 10px 0 0;}
.header-design{ background: #0d5047a1;}
.fixed-icon-whatsapp a{bottom: 100px;}
.fix b{padding: 7px 5px 5px 0px;font-size: 16px;}
.tophead-section .bell img{height: 110px;margin: 10px 0  0 20px;}






}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.menu li a {padding: 0px 8px 0px;text-transform: capitalize;}
.diploma-courses2 a {padding: 15px 7px;font-size: 16px;}
.why-2 strong{font-size: 16px;letter-spacing: 0.0px;}
.why-1 .bi {height: 1.7rem;width: 1.7rem;}
.career-left1 strong {font-size: 30px;}
.text-best strong{font-size:16px;}
.icon img{height: 50px;}
.demo-buttn a{font-size: 15px;padding: 6px 13px;border-radius: 7px;}
.top-services3 strong {font-size: 16px;}
.other-services2 strong {font-size: 17px;}
.footer-heading strong {font-size: 16px;padding: 0 0 0 8px;}
.footer-1 {padding: 10px 7px 0 0px;}
.footer-list ul li{font-size: 14px;}
.right-topservices{clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 14% 50%);}
.right-topservices strong{font-size: 16px;}
.top-services3 a{padding: 0px 0px 0px 13px;}
.top-services3 a p {padding: 0px 45px 0 0px;}
.left-topservices img {height: 50px;margin: 0 0 0 20px;}
.special-offer-content strong{font-size:30px;}
.special-offer-content {padding: 0 30px 0 20px;}
.design-header strong {font-size: 51px;}
.design-header p{padding: 4px 0 0px;font-size: 14px;line-height: 29px;}
.design-header a{margin: 10px 0 0;}
.design-header {padding: 0 50px 0 0px;margin: 0 0 20px 0;}
.testimonials5 p{padding-left: 19%;}
.testimonials2 {padding: 30px 21px 30px;}
.design-header strong {font-size: 44px;}
.design-header p{padding: 4px 0 0px;font-size: 14px;line-height: 29px;}
.design-header a{margin: 10px 0 0;}
.design-header {padding: 0 10px 0 0px;}
.header-design{ background: #0d5047a1;} .header-design{ background: #0d5047a1;}
.santa img{height: 170px;}
.tophead-section .bell img{height: 110px;margin: 10px 0  0 20px;}
.santa{position:fixed;bottom: 190px;}







}
@media only screen and (min-width: 1201px) and (max-width: 1340px) {
.demo-buttn a{padding: 9px 17px;}
.design-header strong {font-size: 35px;line-height: 55px;}
.design-header {  padding: 0 130px 0 80px;}

}

@media (max-width: 575px) and (min-width: 0px) {
.tophead-section p {font-size: 12px;line-height: 20px;letter-spacing: 0px;font-weight: 500;}
.head-logo1 img{height: 45px;}
.navbar-toggler{height: 43px;width: 43px;}
.navbar {margin: -44px 0 0 0;}
.head-section {padding: 10px 0 10px!important;}
.whywe-2{display:block;}
.whywe-2 .why-2{width:100%;text-align: center;}
.whywe-2 .why-1{width:100%;text-align: center;}
.mark-section .apply{font-size: 15px;padding: 10px 27px 9px;}
.mark-section i{font-size: 18px;}
.mark-section strong {font-size: 29px;}
.mark-section p{font-size: 17px;line-height: 30px;}
.contact-courses strong{font-size: 23px;}
.contact-form-design {padding: 20px 11px 20px;}
.company-detail2 {padding: 10px 15px 10px;}
.best-services2 .text-best{padding: 0 0 0 10px;}
.icon img {height: 46px;}
.text-best strong{font-size: 18px;}
.career-left1 strong{font-size: 24px;}
.whywe-1 {padding: 10px 5px 10px 5px;width: 50%;}
.whywe-2:before{display:none;}
.aboutus-content h2, h3, h4, h5, h6{line-height: 25px;font-size: 17px;padding: 8px 15px 8px 15px;}
.group-discount-left1 strong{font-size: 24px;}
.group-discount-left1 strong img{height: 31px;}
.bestservices-section .about-heading strong {}
.bestservices-section .row{padding-top: 30px !important;}
.about-heading strong {font-size: 25px;}
.lifeasweb-section .about-heading strong {font-size: 30px;}
.video-section .about-heading strong{font-size: 27px;}
.client-heading-left1 strong{font-size: 26px;}
.testimonials2 {padding: 20px 20px 27px;}
.testimonials3 .google{height: 26px;}
.heading-contact strong{font-size: 39px;}
.footer-section{padding: 50px 0px 40px;}
.footer-about1{width: 60%;padding: 10px 15px 0 0px;}
.footer-1:nth-child(4) {width: 40%;}
.footer-1:nth-child(5) {padding: 0px 0px 0px 0;}
.footer-navigation ul li {padding: 5px 7px;}
.footer-navigation{padding: 10px 0px;margin: 20px 0 0;}
.footer-1:nth-child(5) .footer-list ul li {margin: 0px 4px;display: inline-block;padding: 9px 0 8px 11px;}
.heading-contact p{font-size: 14px;line-height: 24px;}
.company-detail1{padding: 0;}
.company-detail2 ul li{font-size:14px;}
.fixed-top{padding: 9px 0!important;}
.special-offer-content{padding: 0 15px 40px 15px;}
.special-offer-content strong{font-size: 20px;line-height: 32px;padding: 0 0 0 13px;}
.special-offer-content p{padding: 13px 0 0px;}
.aboutus-section{padding: 20px 0px 50px;}
.link-trend li {padding: 5px 4px 5px 4px;}
.left-about {padding: 0px 15px 0 15px;}
.tophead-section p a{padding:0;}
.award-design2 img{height: 180px;}
.video {padding: 10px 10px;}
.modal-dialog{max-width: 95%;margin: 30px auto;width: 95%;padding: 23px 20px 51px;}
.popup-heading p {font-size: 20px;}
.design-header p{display:none;}
.design-header {padding: 0 15px 0 15px;}
.design-header strong {font-size: 28px;}
.fix b {font-size: 14px;line-height: 25px;}
.tophead-section .bell img{height: 99px;}
.santa{left: 0px;bottom: 110px;}



}
@media (max-width: 420px) and (min-width: 0px) {
.footer-1{width:100%;}
.footer-about1{width: 100%;padding: 0px 0px 10px 0px;}
.footer-1:nth-child(4) {width: 100%;}
.product-1 {width: 50%;padding: 10px 10px;}
.design-header strong {font-size: 26px;} 
.about-heading h1{font-size:30px}
.client-heading-left1 a{padding: 6px 10px;border-radius: 7px}
.design-header strong {font-size: 18px;} 
.fix b {padding: 7px 5px 5px 3px;font-size: 12px;line-height: 19px;}
.santa img{height: 80px;}



}