MMCT TEAM
Server IP : 2a02:4780:3:1378:0:3736:a38e:10  /  Your IP : 18.188.163.236
Web Server : LiteSpeed
System : Linux sg-nme-web1278.main-hosting.eu 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64
User : u926327694 ( 926327694)
PHP Version : 7.4.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF
Directory (0755) :  /home/u926327694/domains/svschool.in/public_html/assets/../assets/scss/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/u926327694/domains/svschool.in/public_html/assets/../assets/scss/_specialty.scss
/*===========================
     06. Specialty css 
===========================*/

.specialty-area {
     padding-top: 130px;

     @media #{$md}{
          padding-top: 70px;
     }
     @media #{$xs}{
          padding-top: 50px;
     }
}

.single-specialty{
     &::before{
          position: absolute;
          content: '';
          width: 1px;
          height: 80%;
     }

     & .specialty-box{
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          max-width: 290px;
          margin: 0 auto;
          background: $white;
          padding: 15px 30px;
          @include transition(0.3s);

          @media #{$md}{
               padding: 15px 20px;
          }
          @media #{$sm}{
               padding: 15px 10px;
          }

          & .box-icon{
               & img{
                    @media #{$md}{
                         width: 45px;
                    }
                    @media #{$xs}{
                         width: 45px;
                    }
                    @media #{$sm}{
                         width: 35px;
                    }
               }
          }
          & .box-content{
               -webkit-flex: 1;
               -moz-flex: 1;
               -ms-flex: 1;
               flex: 1;
               padding-left: 15px;

               & p{
                    font-weight: 600;
                    font-size: 20px;
                    line-height: 32px;
                    color: $theme-color;

                    @media #{$md}{
                         font-size: 18px;
                         line-height: 28px;
                    }
                    @media #{$xs}{
                         font-size: 18px;
                         line-height: 28px;
                    }
                    @media #{$sm}{
                         font-size: 14px;
                         line-height: 20px;
                    }
               }
          }
     }
     &.active{
          & .specialty-box{
               @include box-shadow (0px 3px 4px rgba(0, 0, 0, 0.16));
          }
     }
}

MMCT - 2023