Advertisement
MikkoDC

icon_grid

Feb 12th, 2024
9
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.34 KB | None | 0 0
  1. .icon_grid {
  2. grid-row-gap: 10px;
  3. grid-column-gap: 15px;
  4.  
  5. h6 {
  6. font-family: $font__main;
  7. font-size: 26px;
  8. line-height: 32px;
  9. font-weight: normal;
  10. display: flex;
  11. margin-bottom: 0;
  12. transition:color 475ms ease;
  13. letter-spacing:0;
  14. width: 100%;
  15. display: block;
  16. }
  17. p {
  18. font-size: 14px;
  19. line-height: 24px;
  20. font-weight: normal;
  21. margin:0;
  22. }
  23. .box_details {
  24. max-width: 100%;
  25. flex: 0 0 100%;
  26. padding: 20px 10px;
  27. }
  28.  
  29.  
  30. .item_wrapper_type {
  31.  
  32. .item_content {
  33. display: flex;
  34. flex-wrap: wrap;
  35. align-items: center;
  36.  
  37. }
  38.  
  39. .item_image_wrap {
  40. background: #F2F2F2;
  41. border-radius: 10px;
  42. display: flex;
  43. flex-wrap: wrap;
  44. justify-content: center;
  45. max-width: 100%;
  46. flex: 0 0 100%;
  47. padding: 40px 10px;
  48.  
  49. .item_image {
  50.  
  51. position: relative;
  52. width: 100%;
  53. margin-bottom: 10px;
  54.  
  55. img {
  56. display: flex;
  57. width: 66px;
  58. height: 66px;
  59. margin: 0 auto;
  60. transition: opacity 1s ease;
  61. }
  62. }
  63. }
  64.  
  65. }
  66.  
  67.  
  68. .slick-dots {
  69. bottom: -30px;
  70. }
  71.  
  72. .wpb_single_image {
  73. text-align: center;
  74. min-height: 150px;
  75. display: flex;
  76. justify-content: center;
  77. align-items: center;
  78. }
  79.  
  80. .vc_btn3-container {
  81. margin-top: 20px;
  82. }
  83.  
  84. .wpb_column {
  85. @include breakpoint(lg) {
  86. width: 50% !important;
  87. margin-bottom: 50px;
  88. }
  89. @include breakpoint(xs) {
  90. width: 100% !important;
  91. margin-bottom: 40px;
  92. }
  93. }
  94. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement